【uni-app】Vuex介绍和使用

无论你是使用 HX 还肢肆是使用 vue-cl i创建的uniapp项目,都已内置 Vuex ,无需再进行安装

uni-app也像小程序一样有 globalData ，这丛饥备是一种简单的 全局变量 机制

globalData 是渗毁简单的全局变量，如果使用状态管理，请使用 vuex

项目文件结构

1.在 main.js 中导入store文件。

2.组装模块并导出 store

3.定义cart.js模块(这里以购物车为例)

4.定义根级别的getters

5.使用

查看下效果

点击添加按钮

当手机进入熄屏状态时，并猛握uniappvuex小程序数据会丢失，原因可能是由于小程绝庆序本身知岁的存储规则导致的。为了避免数据丢失的情况，建议使用localStorage或者indexedDB存储小程序数据。

---