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

GitHub:https://github.com/yx675258207/wxMiniStore