微信小步伐之mobx-miniprogram状态管理

现在已经学习了6种小步伐页面、组件间的数据通讯方案,分别是:
1. 数据绑定: properties
2.获取组件实例: this.selectComponent()
3.变乱绑定: this.triggerEvent()
4. 获取应用实例：getApp()
5. 页面间通讯: EventChannel
6.变乱总线:pubsub-js
在中小型项目中，利用这些数据通讯方式已经可以大概满意我们项目的需求。但是随着项目的业务逻辑越来越复杂，组件和页面间通讯就会变的非常复杂。比方：有些状态必要在多个页面间举行同步利用，一个地方发生变更,全部利用的地方都必要发生改变,这时间如果利用前面的数据通讯方案举行转达数据,给管理和维护将存在很大的题目。为了方便举行页面、组件之间数据的转达，小步伐官方提供了一个扩展工具库：mobx-miniprogram
框架扩展: mobx-miniprogram:

mopx-miniprogram 是针对微信小步伐开辟的一个简单、高效、轻量级状态管理库，它基于 Mobx 状态管理框架实现。
利用 mobx-miniprogram 界说管理的状态是相应式的，当状态一旦它改变，全部关联组件都会自动更新相对应的数据通过该扩展工具库,开辟者可以很方便地在小步伐中全局共享的状态,并自动更新视图组件,从而提拔小步伐的开辟服从
必要留意:在利用 mobx-miniprogram 必要安装两个包:
mobx-miniprogram 和 mobx-miniprogram-bindings

1. npm install mobx-miniprogram mobx-miniprogram-bindings

复制代码

  

• mobx-miniprogram 的作用:创建 Store 对象,用于存储应用的数据  
  
• mobx-miniprogram-bindings 的作用:将状态和组件、页面举行绑定关联,从而在组件和页面中操纵数据  
  
• 安装完毕后,不要忘了左上角---编辑---构建
  

创建Store:

必要利用 mobx-miniprogram ,因此必要先认识 mobx-miniprogram 三个焦点概念:
1. observable: 用于创建一个被监测的对象,对象的属性就是应用的状态(state),这些状态会被转换成相应式数据。
2. action: 用于修改状态（state）的方法，必要利用 action 函数显式的声明创建。
3. computed: 根据已有状态(state)天生的新值。盘算属性是一个方法，在方法前面必须加上 get 修饰符
<hr>

  

• 在项目的根目次下创建 store 文件夹,然后在该文件夹下新建 numStore.js (名字恣意)  
  
• 在 /store/numStore.js 导入 observabl