Как поменять стиль элемента в одном компоненте, если кнопка была нажата в другом компоненте?

Question

[Varcbv]

Кто может подказать, как поменять стиль элемента в одном компоненте , если кнопка была нажата в другом компоненте?
Вот кнопка в компоненте Aside

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

а, вот другой компонент

<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>

в котором нужно сделать чтобы .asd так же была active/inactive