vuex

状态管理模式

vuex 中有state getters mutations actions

我一般是创建store文件夹在入口文件中引入vuex 并安装

创建vuex.Store实例

把state getters mutations actions分别创建js文件，并在入口文件中引入

state 对象 保存数据，存储状态

我们可以单独定义一个mutation-type文件专门用来管理可能会操作数据方法名字

将其集中到一个对象上 mutations中打点调用

getters我们可以理解为state一个计算属性 是一个函数接收state作为参数

mutations同步 函数 设置state数据

mapmutations是放在methods中 ...mapmutations({k:v})

actions异步 函数擦书commit state 多个mutations的执行

 

我们可以引入vuex中的mapgetters 将其定义在computed中...mapGetters([''])使用getters.js

就相当于在computed中直接定义了，直接可以模板中使用了，可以方便访问数据简写了$store.state.items