微信小程序开发实战 ②②（全局数据共享）

@作者 : SYFStrive

 

@博客首页 : HomePage

： 微信小程序

：个人社区（欢迎大佬们加入） ：社区链接

：觉得文章不错可以点点关注 ：专栏连接

：感谢支持,学累了可以先看小段由小胖给大家带来的街舞

微信小程序（）

全局数据共享

   1. 什么是全局数据共享

1. 全局数据共享（又叫做：全局事件总线）是为了解决组件之间数据共享的问题。
2. 开发中常用的全局数据共享方案有：Vuex、Redux、MobX ……。
3. 数据管理清晰

   2. 小程序中的全局数据共享方案

在小程序中，可使用 [email protected] 配合 [email protected] 实现全局数据共享。

包作用如

1. mobx-miniprogram 用来创建 Store 实例对象
2. mobx-miniprogram-bindings 用来把 Store 中的共享数据或方法，绑定到组件或页面中使用

安装命令如

npm i --save [email protected]
npm i --save [email protected]

安装完成

在这里插入图片描述

   3. 全局数据共享 - MobX

1. 安装 MobX 相关的包
2. 在项目中运行如下的命令，安装 MobX 相关的包

npm i -save [email protected]	(指定包的版本)
npm i -save [email protected] (指定包的版本)

命令： MobX 相关的包安装完毕之后，记得删除 miniprogram_npm 目录后，重新构建 npm。

   4. 小程序中的全局数据共享方案

创建 MobX 的 Store 实例

将 Store 中的成员绑定到页面中

在页面上使用 Store 中的成员

将 Store 中的成员绑定到组件中

在组件中使用 Store 中的成员

最后

本文到这里就结束了,大佬们的支持是我持续更新的最大动力，希望这篇文章能帮到大家

 

                 相关专栏连接

下篇文章再见ヾ(￣▽￣)Bye_Bye