微信小程序 全局数据共享 Mobx

1、首先安装MOBX

在项目所在目录下，右键选择【在外部终端窗口中打开】，运行：

npm install  --save  mobx-miniprogram@4.13.2  mobx-miniprogram-bindings@1.2.1

成功之后，在微信开发者工具中点击【工具】-【构架npm】，到此安装工作完成。

2、将需要共享的数据放在一个store.js文件中，导入mobx-miniprogram，需要共享的数据有字段num1,num2,方法sum()，updateNum1，updateNum2，注意：需要更改共享数据的方法使用：action修饰

import {
  observable,
  action
} from 'mobx-miniprogram'
export const store = observable({
  num1: 1,
  num2: 2,
  get sum() {
    return this.num1 + this.num2
  },
  updateNum1: action(function (step) {
    this.num1 = this.num1 + step
  }),
  updateNum2: action(function (step) {
    this.num2 = this.num2 + step
  })
})

3、在页面中引用store

首先导入mobx-miniprogram-bindings

import {createStoreBindings} from 'mobx-miniprogram-bindings'
import {store} from '../../store/store'

在onLoad生命周期函数中