有没有一种方法可以为全屏(或指令)创建一个全局组件，可以从任何组件中启用/禁用？

<template>
  <div v-if="enabled">
    <!-- 全屏组件的内容 -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      enabled: false
    };
  },
  methods: {
    toggleEnabled() {
      this.enabled = !this.enabled;
    }
  }
};
</script>

import Vue from 'vue';
import GlobalComponent from './GlobalComponent.vue';

Vue.component('global-component', GlobalComponent);

new Vue({
  // ...
}).$mount('#app');

<template>
  <div>
    <!-- 其他组件的内容 -->
    <button @click="toggleGlobalComponent">启用/禁用全屏组件</button>
    <global-component></global-component>
  </div>
</template>

<script>
export default {
  methods: {
    toggleGlobalComponent() {
      this.$children[0].toggleEnabled(); // 通过索引访问全局组件并调用其方法
    }
  }
};
</script>