【 微信小程序 】全局共享数据

mobx-miniprogram

创建Store实例对象

// 引入
import {observable} from "mobx-miniprogram"

// 导出
export const store = observable({
    // 存放共享的数据、方法等等
    a:10,
    b:20,
    // 定义计算属性
    get sum(){
        return this.a+this.b
    },
    sayHello() {
        console.log("hello");
    }
})

mobx-miniprogram-bindings

把Store中的共享数据、方法，绑定到组件或页面中使用

import {createStoreBindings} from "mobx-miniprogram-bindings"
import store from "../../store/store"
// 生命周期函数 监听页面加载
onLoad: function (options) {
	this.storeBindings = createStoreBindings(this,{
		// 挂载store
		store,
		// 数据 计算属性
		fields:['a','b','sum'],
		// 方法
		actions:['updateA']
	})
},
// 生命周期函数 监听页面卸载
onUnload: function () {
	this.storeBindings.destroyStoreBindings()
},

标签：微信,miniprogram,mobx,import,共享,全局,store,页面
来源： https://blog.csdn.net/Twisted_/article/details/120521729