一个用于注册能够被应用内所有组件实例访问到的全局属性的对象。
详细信息
这是对 Vue 2 中 Vue.prototype 使用方式的一种替代，此写法在 Vue 3 已经不存在了。与任何全局的东西一样，应该谨慎使用。
如果全局属性与组件自己的属性冲突，组件自己的属性将具有更高的优先级。
用法
app.config.globalProperties.msg = 'hello'
访问
- 在选项式api中
这使得 msg 在应用的任意组件模板上都可用，并且也可以通过任意组件实例的 this 访问到：
export default {
mounted() {
console.log(this.msg) // 'hello'
}
}
- 在组合式api中
onMounted(() => {
// 通过getCurrentInstance().appContext访问全局属性
const { msg } = getCurrentInstance().appContext.config.globalProperties
console.log('msg', msg)
})
网友评论