问题背景
对于使用小程序原生框架开发的同学来讲,我们不得不承认,原生框架在状态管理方面存在很大的弊端,但是在选择原生来开发的时候,怎么解决状态管理呢?
采用全局变量来管理状态是一个不错的方案。
实现方式
如果想使用全局变量,推荐如下使用。
新增一个自行命名的 JS 文件,例如 global_data.js,示例代码如下
const globalData = {}
export function set (key, val) {
globalData[key] = val
}
export function get (key) {
return globalData[key]
}
随后就可以在任意位置进行使用啦
import { set as setGlobalData, get as getGlobalData } from './path/name/global_data'
setGlobalData('test', 1)
getGlobalData('test')
引入到app.js岂不是方便一些