How to change the style of an element in one component if the button was clicked in another component?

Question

Vue.js

Who can suggest how to change the style of an element in one component if the button was clicked in another component?
Here is the button in the Aside component

a(href='#' @click='showMobileMenu = !showMobileMenu')
import { defineComponent } from 'vue'
export default defineComponent({
  data () {
    return {
      showMobileMenu: false
    }
  },

and here is another component

<template lang="pug">
.asd
    Nav
    Section
</template>

<script lang="ts">
import { Options, Vue } from 'vue-class-component'
import Nav from '@/components/Nav.vue' // @ is an alias to /src
import Section from '@/components/Section.vue' // @ is an alias to /src
@Options({
  components: {
    Nav,
    Section
  }
})

export default class Home extends Vue {}
</script>

<style lang="scss">
</style>

in which you need to make sure that .asd is also active / inactive