uniapp使用vuex进行项目模块化，两种调用方式

Posted 2023-03-21

参考技术A

刚开始接触uniApp看了一下vuex的使用方法，总结一下在项目中个人认为常用的架构，很实用，做一个新手学习笔记!!!

使用HBuilderx创建项目,在项目内创建store目录，在目录内创建 index.js 文件，如下

【uni-app】Vuex介绍和使用

参考技术A

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

uni-app也像小程序一样有 globalData ，这是一种简单的 全局变量 机制
globalData 是简单的全局变量，如果使用状态管理，请使用 vuex

项目文件结构

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

2.组装模块并导出 store

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

4.定义根级别的getters

5.使用

查看下效果

点击添加按钮