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

最新推荐文章于 2024-10-02 17:48:59 发布

zwj、

最新推荐文章于 2024-10-02 17:48:59 发布

阅读量357

点赞数

文章标签：小程序

本文链接：https://blog.csdn.net/Twisted_/article/details/120521729

版权

mobx-miniprogram Store 数据绑定生命周期小程序

关键词由CSDN通过智能技术生成

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()
},