Vue中，如何watch数组中所有对象的某个属性的变化？

Question

      items: [

        {

          id: 336,

          title: '智利三文鱼扒500g酸甜口味爆炒',

          img: '../assets/images/test/8-1.jpg',

          count: 1,

          price1: 106,

          price2: 80

        },

        {

          id: 337,

          title: '西班牙三文鱼扒500g酸甜口味爆炒',

          img: '../assets/images/test/8-1.jpg',

          count: 2,

          price1: 225,

          price2: 152

        }

      ]

如上代码，我要求count的和，当任意count的值产生变化是，就要更新count的和，请问如何监听所有count的值得变化呢？

Answer 1

用计算属性，返回值是这个列表值相加computed: {    countTotal: function () {        let total = 0;        this.items.forEach(function (item) {             total += item.count         })        return total     } }监听用 watch选项watch: {    items: {        handler: function () {},        deep: true     }}对象要深复制，默认是浅复制