Vuex 中的半高级逻辑 getter

Question

vuex 中可以使用多少逻辑getter？什么是不良做法？

示例代码：

totalShippingFee: state => {
  let newTotalShippingFee = 0;

   for (let i = 0; i < state.shippingFees.length; i += 1) {
      newTotalShippingFee += state.shippingFees[i].fee;
   }

   return newTotalShippingFee;
}

在这个 vuex 中有一个 for 循环和这么多逻辑可以吗getter？

Answer 1

尽管我们通常避免在 OOP 语言中将繁重的逻辑放入 getters 和 setter 中，但在 Vue 中却是另一回事。

您提供的代码是 Vue 中 getter 的一个完全有效的用例。 Vue 缓存结果直到发生变化，这对于任何 "intensive" 计算都是一个非常好的特性。

Vuex 中的半高级逻辑 getter

Semi-advanced logic inside Vuex getter

for-loop

vue.js

vuejs2

vuex