【微信小程序】Mobx--绑定多个 store 以及命名空间

在实际开发中,一个页面或者组件可能会绑定多个 Store ,这时候我们可以将 storeBindings 改造成数组。数组每一项就是一个个要绑定的 Store

如果多个 Store 中存在相同的数据,显示会出现异常。还可以通过 namespace 属性给当前 Store 开启命名空间,在开启命名空间以后,访问数据的时候,需要加上 namespace 的名字才可以

javascript 复制代码
// behavior.js

import { BehaviorWithStore } from 'mobx-miniprogram-bindings'
import { numStore } from '../../stores/numstore'

export const indexBehavior = BehaviorWithStore({
  storeBindings: [
    {
      namespace: 'numStore',
      store: numStore,
      fields: ['numA', 'numB', 'sum'],
      actions: ['update'],
    }
  ]
})
javascript 复制代码
// index/index.wxml
<view>{{ numStore.numA }} + {{ numStore.numB }} = {{numStore.sum}}</view>

摘录:https://blog.csdn.net/qq_63358859/article/details/136347834

相关推荐
silvia_Anne8 小时前
微信小程序的登录与支付页面
微信小程序·小程序
无名J0kзr11 小时前
Web安全:小程序渗透测试
小程序
万岳科技系统开发12 小时前
互联网医院小程序搭建怎么做?从0开始建设完整平台
大数据·小程序
lpfasd12315 小时前
小程序审核避坑指南
小程序
Geek_Vison15 小时前
技术实践:保险健康APP引入第三方小程序实战,如何构建一个安全可控的沙箱环境~
android·安全·小程序·uni-app·mpaas
2501_9159184116 小时前
Python如何抓取HTTPS请求包的完整教程与代码示例
android·ios·小程序·https·uni-app·iphone·webview
用户5732400372317 小时前
从"陪聊机器人"变成"产品导航员"
微信小程序
2501_9160088917 小时前
全面解析常用Web前端开发工具:编辑器、调试工具、性能分析器与框架
android·前端·ios·小程序·uni-app·编辑器·iphone
px不是xp1 天前
【灶台导航】优化纠错实录
javascript·微信小程序
mykj15511 天前
AI旅拍小程序定制开发,解锁文旅变现新赛道
人工智能·小程序