微信公众号开发

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

本文主要是介绍【 微信小程序 】全局共享数据,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

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()
},
这篇关于【 微信小程序 】全局共享数据的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!