vue2.0 watch选项 deep immediate handler

 vue2.0 watch选项  deep immediate handler

注意：watch在最初绑定的时候并不会执行，除非设置immediate 为true

watch: {
  a: function (val, oldVal) {
    console.log('new a: %s, old: %s', val, oldVal)
  },
  // 方法名
  b: 'someMethod',
  // 深度 watcher
  c: {
    handler: function (val, oldVal) {
      console.log('new c: %s, old: %s', val, oldVal)
    },
    deep: true  //deep，默认值是 false，代表是否深度监听。
  },

  d: {
    handler: function (val, oldVal) {
      console.log('new d: %s, old: %s', val, oldVal)
    },
    immediate: true  // immediate:true   

//1、true ：代表如果在 wacth 里声明了之后(生命周期的时候，beforeCreate之后，created之前就会开始调用一次)，就会立即先去执行里面的handler方法，

//2、 false：（默认）就跟我们以前的效果一样，不会在绑定的时候就执行。组件生命周期已完成，该回调将会在侦听开始之后被立即调用

  }