有的组件中获取到 store 中的state, 需要对进行加工才能使用,computed 属性中就需要写操作函数,如果有多个组件中都需要进行这个操作,那么在各个组件中都写相同的函数,那就非常麻烦,这时可以把这个相同的操作写到store 中的getters, 每个组件只要引用getter 就可以了,非常方便。
工具/原料
Vuex
Getters函数使用要点
1
getter 函数必须是纯函数,所以,在 getter 里不能依赖 this 关键字;
2
getter 函数可以返回派生状态。Vuex 状态的 getters 内部其实就是计算属性,这就意味着你能够以响应式的方式(并且更高效)地计算派生属性;
3
getter 函数可以返回派生状态。Vuex 状态的 getters 内部其实就是计算属性,这就意味着你能够以响应式的方式(并且更高效)地计算派生属性;
4
可以在多组件中共享 getter 函数,这样做还可以提高运行效率;
5
组件永远都不应该直接改变 Vuex store 的状态,组件唯一能影响全局状态的方法就是想办法触发 mutations。
注意事项
组件通过 getters 从 store 中获取 state,并通过调用 actions 来改变 state。