vue中watch使用注意事项

watch功能是监听数据变化时触发某样事件的，数据可以是一个基本类型的数据，一个对象甚至是表单。

  watch: {
    dataA: function (new, old) {//new是改变后的数据，old是原数据
      console.log(new)
    },
    // 方法名
    dataB: 'someMethod',
    // 深度 watcher
    dataC: {
      handler: function (val, oldVal) { /* ... */ },
      deep: true
    },
    // 该回调将会在侦听开始之后被立即调用
    dataD: {
      handler: function (val, oldVal) { /* ... */ },
      immediate: true
    }
  }

注意点：当监听的数据不是一个简单的基本类型，比如一个对象，一个数组，此时应该使用深度监听：deep:true；当想让监听器一启动就触发一次watch，应该使用： immediate: true。