vue的watch的deep深度监听

数据中有一个数据，其类型是一个对象，当改变其中的某个属性值时，watch是监听不到的，如果添加deep属性，那么就可以监听到了。给对象的所有属性都加上这个监听器，但是这样性能开销就会非常大。
immediate属性，是在最初绑定的时候就会执行一次。

watch: {
  objData: {
    handler(newName, oldName) {
      console.log('obj.a changed');
    },
    immediate: true,
    deep: true
  }
} 

只监听对象中的一个属性
使用引号来监听嵌套属性

watch: {
  'obj.a': {
    handler(newName, oldName) {
      console.log('obj.a changed');
    },
    immediate: true,
    // deep: true
  }
}