vue3 setup语法糖watch深度监听对象

在Vue 3中，可以使用`watch`函数来进行深度监听对象的变化。下面是一个示例代码：

import { watch } from "vue"

setup() {
  const brand = reactive({
    brand: "Apple",
    price: 1000
  })

  watch(() => brand, (newVal) => {
    console.log(newVal)
  }, { deep: true })

  return {
    brand
  }
}

在上面的代码中，我们使用`reactive`函数创建了一个响应式的`brand`对象。然后，我们使用`watch`函数来监听`brand`对象的变化，并在变化时打印出新的值。通过设置`deep: true`选项，我们可以实现对整个对象的深度监听。

需要注意的是，在Vue 3中，`watch`函数是在`setup`函数中使用的，而不是在组件选项中。这是因为Vue 3中引入了`Composition API`，通过`setup`函数来组织组件的逻辑。