【Vue】vuex getters 配置项

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

要点:

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

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

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

我们这边就可以用 store 里面的一个全新配置项

getters 如下这么定义, 其中写入一个函数, return 里写的就是对 state 里数据进行复杂操作后的值

最后在配置到 store 里面

使用:

getters 就在 $store 里面

this.state.getters.bigSum

在模板中不需要写 this

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

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

猜你喜欢

转载自blog.csdn.net/qq_37308779/article/details/125906319