watch监听数组对象的变化

要监听一个数组对象的变化，可以使用Vue.js提供的$watch方法。首先需要定义一个数组对象，然后使用Vue实例的$watch方法来监听它的变化。下面是一个示例代码：

var app = new Vue({
  el: '#app',
  data: {
    items: [
      { name: 'item1', value: 1 },
      { name: 'item2', value: 2 },
      { name: 'item3', value: 3 }
    ]
  },
  watch: {
    items: function(newItems, oldItems) {
      console.log('数组对象发生变化');
      console.log('新值：', newItems);
      console.log('旧值：', oldItems);
    }
  }
});

在上面的代码中，我们通过watch选项来监听items数组对象的变化。当items数组对象发生变化时，会自动触发watch方法中定义的回调函数，这里我们打印出新值和旧值。可以通过修改items数组对象来测试该代码的效果：

app.items.push({ name: 'item4', value: 4 });

当我们执行上面的代码时，控制台会输出以下信息：

数组对象发生变化
新值： [{...}, {...}, {...}, {...}]
旧值： [{...}, {...}, {...}]

可以看到，items数组对象已经发生了变化，新的值包含了添加的新元素。这样就可以监听数组对象的变化了。