vue3单例模式实现示例

Vue3中的单例模式通常通过Vue.prototype.$app实例来实现，这是一种全局状态管理的方式，确保在整个应用中只有一个Vue实例。下面是一个简单的实现示例：

// 首先，在main.js或入口文件里创建并导出 Vue 实例
import { createApp } from 'vue';
import App from './App.vue';

const app = createApp(App);

// 将 Vue 实例挂载到原型上作为 $app 属性，这样在整个项目中都可以访问到这个单例
app.config.globalProperties.$app = app;

export default app;

然后，在其他组件或模块中，你可以直接使用`this.$app`来访问和操作这个单例：

// 组件A中
export default {
  setup() {
    console.log(this.$app); // 这将打印出 Vue 的实例
    return {};
  }
}

// 组件B中
export default {
  created() {
    this.$app.someMethod(); // 调用全局方法
  }
}