vue2在main.js设置boolean类型的全局变量
时间: 2024-10-22 15:26:11 浏览: 15
使用vue+ts搭建ui库
在 Vue 2 中,要在 `main.js` 设置一个布尔类型的全局变量,你需要在 Vue 的原型对象(`Vue.prototype`)上添加属性。这是因为全局变量在整个应用中都是共享的,并且可以直接通过组件访问。以下是示例:
```javascript
import Vue from 'vue';
// 定义全局布尔变量
Vue.prototype.$isReady = false;
new Vue({
// 其他配置...
}).$on('mounted', () => {
this.$isReady = true; // 当组件挂载完成时将其设置为true
});
```
在这个例子中,`$isReady` 是全局可访问的布尔变量,当页面加载完成后(`mounted` 生命周期钩子触发),它会被设置为 `true`。在你的组件中,可以直接通过 `this.$isReady` 访问这个变量。
**相关问题--:**
1. 如何在 Vue 组件内部读取这个全局布尔变量?
2. Vue3 中是否有类似的方式设置全局变量?
3. 在 Vue 中除了原型对象,还有哪些地方可以设置全局变量?
阅读全文