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 '