小程序全局数据共享MobX

前端-JC

已于 2022-07-29 14:06:26 修改

阅读量496

点赞数 1

分类专栏：小程序文章标签：小程序前端 javascript

于 2022-07-29 08:17:11 首次发布

本文链接：https://blog.csdn.net/qq_57334853/article/details/126047695

版权

本文介绍了如何在小程序中利用MobX进行全局数据共享，以解决组件间的数据交互问题。通过安装和配置mobx-miniprogram及mobx-miniprogram-bindings，创建Store并将其成员绑定到页面和组件中，实现状态管理。

摘要由CSDN通过智能技术生成

（又叫做:状态管理）是为了解决组件之间数据共享的问题。

开发中常用的全局数据共享方案有:Vuex、Redux、MobX等。

在小程序中，可使用mobx-miniprogram配合mobx-miniprogram-bindings 实现全局数据共享

mobx-miniprogram用来创建Store 实例对象

mobx-miniprogram-bindings 用来把Store中的共享数据或方法，绑定到组件或页面中使用

在项目中运行如下的命令，安装MobX相关的包
npm install --save mobx-miniprogram@4.13.2 mobx-miniprogram-bindings@1.2.1
注意:MobX相关的包安装完毕之后，记得删除 miniprogram_npm目录后，重新构建npm

在根目录下创建文件夹store，文件夹中创建store.js。引入 mobx-miniprogram 包、定义数据、计算属性sum要加get

关注