摘自官方文档,链接https://cn.vuejs.org/api/
app.config.globalProperties一个用于注册能够被应用内所有组件实例访问到的全局属性的对象。
app.config.globalProperties.msg = 'hello'
这使得 msg 在应用的任意组件模板上都可用,并且也可以通过任意组件实例的 this 访问到:
export default {
mounted() {
console.log(this.msg) // 'hello'
或者const { msg } = getCurrentInstance().appContext.config.globalProperties
}
}
我们可以使用 Vue 应用实例的 app.component() 方法,让组件在当前 Vue 应用中全局可用。
import MyComponent from './App.vue'
app.component('MyComponent', MyComponent)
app.component() 方法可以被链式调用:
app
.component('ComponentA', ComponentA)
.component('ComponentB', ComponentB)
.component('ComponentC', ComponentC)
全局注册的组件可以在此应用的任意组件的模板中使用:
<!-- 这在当前应用的任意组件中都可用 -->
<ComponentA/>
<ComponentB/>
<ComponentC/>