微信小程序 全局共享数据

本文介绍了如何利用mobx-miniprogram和mobx-miniprogram-bindings在微信小程序中创建全局Store,并在自定义组件中绑定和使用共享数据。通过执行npm安装指令,构建项目,然后在store目录下创建store.js文件,可以实现在组件间的数据共享。
摘要由CSDN通过智能技术生成

使用mobx-miniprogram配合mobx-miniprogram-bindings实现全局数据共享
其中
mobx-miniprogram用来创建Store实例对象
mobx-miniprogram-bindings用来包Store中的共享数据或方法,绑定到组件或页面中使用
执行npm install --save mobx-miniprogram@4.13.2 mobx-miniprogram-bindings@1.2.1命令安装这两个包
重新构建npm
创建 store目录 在此目录下创建store.js文件

//在这个js中专门创建Store的实例对象
import {
   action, observable} from 'mobx-miniprogram'	//引入要使用的初始化方法
export const store = observable({
    //创建Store对象并导出
    //在此处填写共享的数据
    numA: 1,
    numB: 2,
    get sum(){
   
        return this.numA + this.numB
    },
    //action 方法,用来修改store中的数据
    updateNumA: action(function(step){
   
        this.numA = step
    }),
    updateNumB: action(function(step){
   
        
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值