VUE-X 中start mutations和actions 等讲解

VUE-X

1.state：

用来存储变量。在别的页面就可以使用this.$store.state.这里定义的变量，获取到这个变量的值。

2.mutations和actions：

这两个地方的功能都差不多，是用来执行回调函数从而更改状态的地方。不同的是actions可以进行异步操作。

3.getters

: 这个东西就相当于组件中的计算属性。

4.modules

: 这个是对处理过后的状态进行分类。它里面可以有很多个组成。而每个组成里面都可以有自己的state,mutations,actions, getters

5.actions

this.$store.dispatch()

6

$store.state.counter

this.$store.commit(‘name’)

mutations ： 定义方法 传递参数 /传递多个参数（对象形式）

metgods: 调用

对象风格的提交方式

提交 mutation 的另一种方式是直接使用包含 type 属性的对象：

store.commit({
type: ‘increment’,

amount: 10

})

当使用对象风格的提交方式，整个对象都作为载荷传给 mutation 函数，因此 handler 保持不变：

mutations: {
increment (state, payload) {
state.count += payload.amount

}

}

vue的一点小笔记 截图来自尚硅谷的vue视频