本文记录微信小程序做到vuex的全局状态管理管理功能:
js库请去下方GitHub地址下载;
实例store:
import Store from './store.js' export default new Store{ // 全局状态初始值 state: { msg: '这是一个全局状态', registerFormData : {}, findPwdFirstCode: ``, findPwdSecondCode: `` }, openPart: true })
app.js引入挂载:
// 全局状态管理 import store from './store/index' App{ store, onLaunch:function){} })
页面用法:
// 页面js文件 Page{ useStore: true, data: {} }) // 更改状态 App.store.setState{ msg: '我改变了' }) // 获取状态 this.data.$state.msg // wxml引用 <view>{{$state.msg}}</view>