这节课,我们来看下,怎么在 Vue 中添加全局属性。
我们知道在 Vue2 中可以通过 Vue.prototype
来扩展全局属性,如下所示 :
import Vue from 'vue'
Vue.prototype.$myGlobal = '全局属性';
在 Vue3 中跟 Vue2不太一样, Vue3 中每个 Vue 应用都会暴露一个包含其配置项的 config
对象,在 config
对象中有一个 globalProperties
属性,该属性就是用来添加一个可以在应用的任何组件实例中访问的全局 property,如下所示:
import { createApp } from 'vue'
const app = createApp({});
app.config.globalProperties.$myGlobal = '全局属性';
建议在任何全局