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

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

风君子

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

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注