vue watch深度监听

Vue的watch选项可以用于监听组件实例中的数据变化，当数据发生改变时，会自动调用相应的回调函数。默认情况下，watch会对数据进行浅层比较，即只比较数据的引用是否相同，而不会比较数据对象内部的属性是否相同。这就意味着如果数据对象内部的属性发生改变，watch将无法检测到这个改变。

为了解决这个问题，Vue提供了一个深度监听选项deep，将其设置为true可以使watch对数据对象内部的属性进行深层比较。例如：

watch: {
  obj: {
    handler: function (newVal, oldVal) {
      console.log('obj changed')
    },
    deep: true
  }
}

上面的代码将会对obj对象进行深层比较，当obj内部的属性发生改变时，会触发watch的回调函数。

需要注意的是，深度监听会影响性能，因为它需要递归遍历整个数据对象。因此，应该尽量避免在大型数据对象上使用深度监听。