vue3 使用app.config.globalProperties.
时间: 2023-12-30 22:24:06 浏览: 98
Vue 中 app.config 相关配置项介绍与案例
在Vue3中,可以使用`app.config.globalProperties`来配置全局可访问的属性。下面是一个示例:
```javascript
import { createApp } from 'vue';
const app = createApp({
// 配置全局属性
globalProperties: {
$myGlobalProp: 'hello'
}
});
// 在Vue实例中访问全局属性
console.log(app.config.globalProperties.$myGlobalProp); // 输出:hello
```
在上面的示例中,我们通过`createApp`函数创建了一个Vue实例,并在`globalProperties`选项中设置了一个全局属性`$myGlobalProp`,其值为`hello`。然后,我们可以在Vue实例中通过`app.config.globalProperties.$myGlobalProp`来访问这个全局属性。
阅读全文