多语言展示
当前在线:176今日阅读:61今日分享:18

vuex使用getter方法

有的组件中获取到 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。

推荐信息