本文记录微信小程序做到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>