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 getter中有一个for循环和这么多逻辑吗？

Answer 1

尽管我们通常在OOP语言中避免使用重要的逻辑到getter和setter，这是Vue的另一个故事。

您提供的代码是Vue中getter的完全有效的用例。 Vue缓存结果直到发生变化，这对于任何“密集”计算来说都是一个非常好的功能。