vue3.0小印象

　　一.全局变量

　　在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的函数，再通过以上对象一层一层找就可以获取全局变量的位置。