1.1、全局数据共享的基本概念
![](https://img-blog.csdnimg.cn/img_convert/21a47ffc58eb93998379b43c380c1a05.png)
1.2、小程序中的全局共享方案
![](https://img-blog.csdnimg.cn/img_convert/c3d86e54dfb6b31f2bcabcf1299aec1d.png)
1.3、安装Mobx包步骤
通过npm引入
![](https://img-blog.csdnimg.cn/img_convert/06d7fd480f7909a3aa4860741d028ebb.png)
在微信小程序中构建npm
图略
1.4、创建并在页面中使用store
案例代码
注意事项:get修饰代表只读 action是标识符
![](https://img-blog.csdnimg.cn/img_convert/f0f176b7466bf559c7feb5765cca1283.png)
将store的成员绑定到页面中
![](https://img-blog.csdnimg.cn/img_convert/ff9f60574a1bf057692c90c4a19029cd.png)
在页面上使用store成员
![](https://img-blog.csdnimg.cn/img_convert/87c8ea896e862d2160e2feba1ec1e617.png)
1.5、在组件中使用store
![](https://img-blog.csdnimg.cn/img_convert/70ce99f731d63514df45014b136caac3.png)
1.6、在组件中使用store成员
![](https://img-blog.csdnimg.cn/img_convert/75bd452e319241e60bde0bfaf641472a.png)
通过npm引入
在微信小程序中构建npm
图略
案例代码
注意事项:get修饰代表只读 action是标识符
将store的成员绑定到页面中
在页面上使用store成员