vue3如何创建一个储存全局变量的文件

vue3如何创建一个储存全局变量的文件

在assets文件夹下面创建文件globalvariable.js

// globalvariable.js
// 这里写一些要使用的全局变量 方法也可以
const aaa = 1234
const fnc = ()=>{ console.log("我执行了")}
export default{
aaa,
fnc
}

main.js中引入并将文件挂载到VUE的原型上

import globalvariable from "@/asstes/js/globalvariable.js"
app.config.globalProperties.$aaa_GLOBAL = globalvariable 
//aaa_GLOBAL 这个是自己定义的名字
// 在组件中使用时无需引入
this.$aaa_GLOBAL.aaa
this.$aaa_GLOBAL.fnc()
//需要注意的是这个东西在setup中无法使用
//因为setup的this为NULL 没有指向VUE的原型

补充补充！！

发现一个问题，我在这个文件中创建了一个数组，因为在别的组件需要频繁的调用和修改，发现这个文件创建的变量不能及时响应页面的修改

解决方法

使用vuex，需要暴露出去的配置还是写在那个静态文件中，组件内不需要暴露出去的变量或方法还是使用vuex吧