- 概念:当state中的数据需要经过加工后再使用时,可以使用getters加工,相当于全局计算属性
- 在src/store/index.js中追加getters配置。
- 组件中读取数据 $store.getters.bigSum。
要点:
比如要简单的运算就直接写在了插值语句中
但是如果要进行一个麻烦的运算, 而且需要被好多组件复用, 就不太好了
而计算属性实现也只是在组件中能复用
我们这边就可以用 store 里面的一个全新配置项
getters 如下这么定义, 其中写入一个函数, return 里写的就是对 state 里数据进行复杂操作后的值
扫描二维码关注公众号,回复:
14956167 查看本文章
最后在配置到 store 里面
使用:
getters 就在 $store 里面
this.state.getters.bigSum
在模板中不需要写 this
不难发现这和我们 vue 中 data 和 computed 很像
而且开发者工具中也能看到