uniapp vue2 全局变量
时间: 2024-01-23 13:15:20 浏览: 98
vue2 全局变量的设置方法
5星 · 资源好评率100%
在uni-app中,可以使用globalData来定义全局变量。在App.vue文件中,可以声明和使用globalData,并且可以使用API来读写这个值。下面是一个示例:
```vue
// App.vue
export default {
globalData: {
userInfo: null,
token: ''
},
onLaunch() {
// 在这里可以对globalData进行初始化
this.globalData.userInfo = { name: 'John', age: 20 };
this.globalData.token = '123456';
}
}
```
在其他组件中,可以通过`this.$options.globalData`来访问和修改globalData的值。例如:
```vue
// MyComponent.vue
export default {
mounted() {
console.log(this.$options.globalData.userInfo); // 输出:{ name: 'John', age: 20 }
this.$options.globalData.token = '654321';
}
}
```
需要注意的是,uni-app中的globalData是在各个平台(包括H5、App等)都实现了的。这样可以方便地在不同平台上共享和使用全局变量。
阅读全文