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

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

Published by

风君子

独自遨游何稽首 揭天掀地慰生平