vuex

86 阅读1分钟

Vuex 允许我们在 store 中定义“getter”(可以认为是 store 的计算属性)。就像计算属性一样,getter 的返回值会根据它的依赖被缓存起来,且只有当它的依赖值发生了改变才会被重新计算。

这里的store相当于我们的组件。 在store中定义getter就相当于在组件中定义computed

Getter 就像computed一样要在里面写方法,方法的第一个参数是state

image.png

image.png

image.png

image.png

image.png 将mutation中的方法作为参数传递进去,提交,就会执行传递进去的方法

你可以向 store.commit 传入额外的参数,即 mutation 的 载荷(payload):

image.png

image.png

image.png

mutation中的方法必须是同步的!!!

image.png

actions

image.png

image.png 这样就不用去写context.commit了

image.png

image.png

多个异步操作组合

image.png

image.png