vue监听data中的某一数组的某一项

Question

如图我要监听items.amount,除了for循环的写法，还有什么更简单的写法吗？

Answer 1

computed: {

  totalAmount () {

    // 计算出 items 数组中的 amount 总额

    return this.items.reduce((a, b) =>

      ({ amount: a.amount + b.amount })).amount

  }

},

watch: {

  totalAmount (newVal) {

    // 当计算属性变更时触发更新

    console.log('amount change to ', newVal)

  }

}