vue3的 watch

在Vue3中，watch函数允许我们监听数据的变化，并在数据发生变化时执行相应的操作。我们可以使用watch函数来监听单个数据、子属性或多个对象。

1. 监听单个数据：

watch(nums, () => {
  // 当nums发生变化时执行的操作
})

2. 监听对象的子属性：

watch(() => ({ ...demo }), (newValue, oldValue) => {
  // 当demo对象的子属性发生变化时执行的操作
  console.log('watch 已触发', newValue)
})

3. 在Vue3中，可以多次使用watch函数，通过多个watch方法来监听多个对象，而不像Vue2中将所有要监控的对象放在一个watch里面。