watch加上deep:true之后就是深度监听

在JavaScript中，Vue.js框架提供了一个`watch`属性，它允许开发者在数据发生变化时执行异步或开销较大的操作。使用`deep: true`选项可以让Vue.js对对象的内部值的改变也能触发监听器。这通常用于监听嵌套对象的变化。

默认情况下，`watch`只监听属性值的改变，如果属性是一个对象，那么只有当整个对象被替换时，才会触发watcher。但如果启用了`deep: true`，那么无论对象内部的属性如何变化，都会触发watcher。这意味着Vue.js将会递归遍历该对象的所有子属性，以保证任何深层次的变化都会被检测到。

例如，如果有一个深层嵌套的对象，并且你想要在其中一个内部属性变化时执行某些操作，那么就可以使用带有`deep: true`的watch。

data() {
  return {
    user: {
      name: 'John',
      settings: {
        notifications: false
      }
    }
  }
},
watch: {
  'user.settings.notifications': function(newVal, oldVal) {
    // 当用户设置中的通知开关改变时执行操作
  },
  user: {
    deep: true,
    handler(newVal, oldVal) {
      // 当user对象的任何属性改变时执行操作
    }
  }
}

在上面的代码示例中，无论是`user.settings.notifications`的变化还是`user`对象其他属性的变化，都会触发对应的watcher。