computed vue

"computed" 是 Vue.js 中的一个计算属性，它可以根据已有的数据计算出一个新的值，并且这个新的值会被缓存起来，只有当依赖的数据发生变化时才会重新计算。这样可以避免重复计算，提高性能。

举个例子，假设我们有一个数组 `list`，我们想要计算这个数组中所有元素的和，我们可以使用 `computed` 来实现：

data() {
  return {
    list: [1, 2, 3, 4, 5]
  }
},
computed: {
  sum() {
    return this.list.reduce((acc, cur) => acc + cur, 0)
  }
}

在上面的代码中，我们定义了一个 `sum` 计算属性，它返回了 `list` 数组中所有元素的和。当 `list` 数组发生变化时，`sum` 计算属性会自动重新计算。