vue-$watch的使用

// $watch 是一个实例方法
vm.$watch('a', function (newValue, oldValue) {
  // 这个回调将在 `vm.a` 改变后调用
});

这是$watch的一个用法。其中a不能是一个对象或者数组：

1、如果是个对象

// $watch 是一个实例方法
vm.$watch('a.name', function (newValue, oldValue) {
  // 这个回调将在 `vm.a` 改变后调用
});

2、如果是一个数组

// $watch 是一个实例方法
vm.$watch('a[0]', function (newValue, oldValue) {
  // 这个回调将在 `vm.a` 改变后调用
})

Failed watching path: "a[0]" Watcher only accepts simple dot-delimited paths. For full control, use a function instead.

这种方式不支持，需要用function才行：

// $watch 是一个实例方法
vm.$watch(function(){return a[0];}, function (newValue, oldValue) {
  // 这个回调将在 `vm.a` 改变后调用
})

 

转载于:https://my.oschina.net/zhangdq/blog/1610647