一.全局变量
在vue2.0的时候我们经常会使用Vue.prototype.$param进行定义整个vue项目的全局变量,但是因为vue3.0对vue的写法进行比较大的改变,因此在vue3.0使用全局变量时会有一定不同。
第一步:在main.ts文件中进行定义。由于vue3.0整个项目的核心字段不再是Vue而是app,因此我们需要对app进行全局变量的赋值。
const app = createApp(App); app.config.globalProperties.$param = "tyus";
第二步:在页面上进行调用。vue3.0获取全局变量不再是通过简单原型链进行获取,而是调用内置的api getCurrentInstance。
import {defineComponent, getCurrentInstance, watch} from 'vue' this.globalProperties = getCurrentInstance()?.appContext.config.globalProperties;
通过调用getCurrentInstance的函数,再通过以上对象一层一层找就可以获取全局变量的位置。