Vuex是什么?

Vuex 是一个专为 vue.js 应用程序开发的状态管理模式,通过创建一个集 中的数据存储,方便程序中的所有组件进行访问,简单来说 vuex 就是 vue 的状态管理工具。

五个属性

1、state 就是数据源存放地,对应一般 vue 对象的 data,state 里面存放的 数据是响应式的,state 数据发生改变,对应这个数据的组件也会发生改变,用 this.$store.state.xxx 调用

2、getters 相当于 store 的计算属性,主要是对 state 中数据的过滤,用 this.$store.getters.xxx 调用

3、mutations 处理数据逻辑的方法全部放在 mutations 中,当触发事件想改变 state 数据的时候使用 mutations,用 this.$store.commit 调用, 给这个方法添加一个参数,就是 mutation 的载荷(payload)

4、actions 异步操作数据 , 但是是通过 mutation 来操作用 this.$store.dispatch 来触发,actions 也支持载荷

5、modules 可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰,方便管理

使用场景

组件之间的状态,登录状态,加入购物车等临时数据或者项目多个地方调用的公共数据。

使用流程

1、下载 vuex

2、在 src 下创建 store 以及 index.js 引入 vue 和 vuex, 使用 vuex ,导出实例对象

3、在 main.js 中引入,在.vue 文件中使用

当你怀疑时,不妨尝试一小步!