vue3 watch深度监听

在Vue3中，watch默认情况下只会监听对象的第一层属性，如果需要深度监听，可以通过设置`deep`选项为`true`来实现。具体实现方法如下所示：

import { watch } from 'vue'

watch(
  // 监听的对象
  () => state.obj,
  // 监听到变化后的回调函数
  (newVal, oldVal) => {
    console.log('newVal:', newVal)
    console.log('oldVal:', oldVal)
  },
  // 配置项
  {
    deep: true // 开启深度监听
  }
)

需要注意的是，当监听的对象为`Proxy`对象时，`oldValue`值将会出现异常，此时与`newValue`相同。如果需要监听`Proxy`对象的某个属性，可以通过在监听对象的回调函数中获取该属性的值来实现。另外，在Vue3中，强制开启了深度监听，无法关闭。