11.Watch深度监听 (VUE全栈开发学习笔记)

1. 字符串形式监听监听对象属性a的值的变化

Vue.js会一层一层解析下去，直到遇到属性a，然后才给a设置监听函数

watch: {
  ‘obj.a’: {
    handler(newName, oldName) {
    },
    immediate: true, // 刷新加载 立刻触发一次handler
    // deep: true   // 深度检测obj 对象的属性值变化 
  }
}

2. 借助deep: true深度监听

watch: {
  obj: {
    handler(newName, oldName) {
    },
    immediate: true,
    deep: true   // 感觉需要考虑效率问题, 倾向尽量不用
  } 
}

3.借助computed计算属性监听

computed: {
  changed () {
    return this.obj.changed
  }
},
watch: {
  changed() {
    console.log(this.changed)
  }
}