globalData: {
text: 'text'
}
}
第二步:在页面中写全局变量:
getApp().globalData.text = ‘test’
注意⚠️:在`onLaunch`获取全局变量时,由于`getApp`对象还未获取,暂时可以使用`this.$scope.globalData`获取`globalData`。
当在`onLoad`获取全局变量的时候,可以通过`getApp().globalData.text`直接获取。
#### 2.2 应用全局变量 Vuex
对于熟悉`Vue`的童鞋来说,状态管理工具`Vuex`应该特别熟悉了。具体用法及注意事项不在此赘述,详参博文《[Vue进阶(五):与 Vuex 的第一次接触](https://bbs.csdn.net/topics/618166371)》。
具体实现如下:
首先定义一个`store.js`公共文件
// 存储数据的对象,可以将需要存储的数据在这个state中定义
const state = {
// 当前登陆的用户名
username: ‘’
}
const mutations = {
// 提供一个方法,为state中的username赋值
// 这些方法有一个默认的参数,这个参数就是当前store中的State
setUserName (state, username) {
//存入一个值
state.username = username
},
getUserName (state) {
//输出一个值
return state.username
}
}
//使用的时候—> 通过commit调用mutations中定义的函数,这个函数就是操作state中定义的成员的函数
// this. s t o r e . c o m m i t ( ′ s e t U s e r N a m e ′ , r e s . d a t a . u s e r n a m e ( 请求返回的值 ) ) c o n s t a c t i o n s = s e t U s e r N a m e A c t i o n : ( c o m m i t , u s e r n a m e ) = >