全局数据共享
- 开发
- 16
-
一、全局数据共享
![](https://i-blog.csdnimg.cn/direct/47e5ae29bf2040cca708ae01290ae6f9.png)
![](https://i-blog.csdnimg.cn/direct/d1e61bf9774048b39e667fbac6497584.png)
二、Mobx
1.安装Mobx相关的包
![](https://i-blog.csdnimg.cn/direct/adc5073080404b699c88c78a03e6d81b.png)
2.创建Mobx的Store实例
![](https://i-blog.csdnimg.cn/direct/e809c230fdce4d12b8b298503a64a8ad.png)
3.将Store中的成员绑定到页面中
![](https://i-blog.csdnimg.cn/direct/2fc710df52484329aea41131798ed055.png)
4.在页面上使用store中的成员
![](https://i-blog.csdnimg.cn/direct/ae4e650dd63b41b58c8d076845d041b4.png)
5.将store中的成员绑定到组件中
![](https://i-blog.csdnimg.cn/direct/27b85ed983194492a527164d541dd784.png)
6.在组件中使用store中的成员
![](https://i-blog.csdnimg.cn/direct/ee57297f15ce435aa848b980c70a67d1.png)
三、分包
1.什么是分包
![](https://i-blog.csdnimg.cn/direct/9ae7790cabb74efcbc09446b380bb4ea.png)
2.分包的好处
![](https://i-blog.csdnimg.cn/direct/8ffe2cb74c064a9da162f999ef5623b3.png)
3.分包前的项目构成
![](https://i-blog.csdnimg.cn/direct/d5682abc4b654ac4a4d65f453dc8c47a.png)
4.分包后的项目构成
![](https://i-blog.csdnimg.cn/direct/8cb6f7cd80a74abbbed12bcca17294b1.png)
5.分包的加载规则
![](https://i-blog.csdnimg.cn/direct/1c0b1c72430746c1862632f6b8fc288a.png)
6.分包的体积限制
![](https://i-blog.csdnimg.cn/direct/1993b8f439854c9ca1922f92cffe9c20.png)
7.分包的配置方法
![](https://i-blog.csdnimg.cn/direct/b77d68bc2cc64d66b215b7367fc84de1.png)
8.打包原则
![](https://i-blog.csdnimg.cn/direct/7172a567f95e41be90128c741415cfe3.png)
9.引用原则
![](https://i-blog.csdnimg.cn/direct/a3cf601607544a08b1f9547e24f5ab52.png)
10.独立分包
![](https://i-blog.csdnimg.cn/direct/281ca1d9a79f4eb1bb8daac64200ed90.png)
![](https://i-blog.csdnimg.cn/direct/270e2507561847b8a0928e00b14925df.png)
![](https://i-blog.csdnimg.cn/direct/bc1c2f52b42c44ccb83892b20d710e8c.png)
![](https://i-blog.csdnimg.cn/direct/bc156d71d20143e3bf01cbafb2f7d6ad.png)
![](https://i-blog.csdnimg.cn/direct/19f28927cf414003a2fb694867f6c22d.png)
11.分包预下载
![](https://i-blog.csdnimg.cn/direct/819162bb7fc7498581038795aca6fcc4.png)
![](https://i-blog.csdnimg.cn/direct/adf2f9cbdc7f48309422ce0722ee90dd.png)
![](https://i-blog.csdnimg.cn/direct/c4c78509a5a5481bbdceaf09d68f1e1f.png)
四、自定义tabBar
![](https://i-blog.csdnimg.cn/direct/87d7c8899e4944f3a0e642828f1d6800.png)
![](https://i-blog.csdnimg.cn/direct/5c0d3fd798b14c54bc6bba6acb451b25.png)
原文地址:https://blog.csdn.net/2301_80063528/article/details/140539357
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。
本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:https://www.suanlizi.com/kf/1814817582423871488.html
如若内容造成侵权/违法违规/事实不符,请联系《酸梨子》网邮箱:1419361763@qq.com进行投诉反馈,一经查实,立即删除!