微信小程序之全局状态管理

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