- 概念:当state中的数据需要经过加工后再使用时,可以使用getters加工,相当于全局计算属性
- 在src/store/index.js中追加getters配置。
- 组件中读取数据 $store.getters.bigSum。
要点:


比如要简单的运算就直接写在了插值语句中

但是如果要进行一个麻烦的运算, 而且需要被好多组件复用, 就不太好了

而计算属性实现也只是在组件中能复用

我们这边就可以用 store 里面的一个全新配置项
getters 如下这么定义, 其中写入一个函数, return 里写的就是对 state 里数据进行复杂操作后的值
最后在配置到 store 里面

使用:
getters 就在 $store 里面

this.state.getters.bigSum
在模板中不需要写 this

不难发现这和我们 vue 中 data 和 computed 很像

而且开发者工具中也能看到

本文介绍了Vuex中getters的使用,getters允许开发者对state中的数据进行加工处理,类似于全局计算属性。当需要进行复杂的计算且多个组件需要共享时,getters提供了一个优雅的解决方案。在store中定义getters函数,然后在组件中通过$store.getters访问。getters的使用方式与Vue中的data和computed相似,并能在开发者工具中查看。这样提高了代码的复用性和组织性。
717

被折叠的 条评论
为什么被折叠?



