【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.使用

查看下效果

点击添加按钮

开发者凯携使用较多的框架：

1. WePY

WePY属腾讯系，是坦茄一款组件化的开发框架，比原生小程序的开发模式更接近于MVVM ，它类Vue的开发风格，让Vue开发者很容易上手。

支持自定义组件开发；

支付Promise，让异步流程执行代码和处理结果分离，代码逻辑更清晰；

支持多种插件处理，文件压缩，图片压缩，内容替换等；

请求队列，事件优化等。

2. mpvue

mpvue 是美团点评开源的一个使用Vue.js开发小程序的前端框架。框架基让孙察于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验。

彻底的组件化开发，代码复用性高；

支持H5代码转换编译成小程序目标代码

Vuex 数据管理方案

支持使用 npm 外部依赖

---