vue3.1 watch() 的用法

Vue3.1中的watch()函数可以用来监听数据的变化，并在数据变化时执行相应的操作。它的用法如下：

watch(要监听的数据, 回调函数, 选项对象)

其中，要监听的数据可以是一个字符串，也可以是一个函数，回调函数用来处理数据变化时的操作，选项对象可以用来设置监听的深度、立即执行回调函数等。

例如，我们可以使用watch()函数来监听一个数据的变化：

watch('count', (newValue, oldValue) => {
  console.log(`count变化了：${oldValue} => ${newValue}`)
})

这样，当count数据发生变化时，就会执行回调函数，并输出变化前后的值。

另外，Vue3.1中还提供了watchEffect()函数，它可以自动侦测数据的变化，并在变化时执行回调函数，不需要手动指定要监听的数据。

相关问题

vue3.1 watch() 怎么设置深处监听

你可以使用 deep 选项来设置深处监听，例如：

watch: {
  obj: {
    handler: function (val, oldVal) { /* ... */ },
    deep: true
  }
}

这将会监听 `obj` 对象及其所有嵌套的属性的变化。

vue3.1 watch( ) 怎么设置深度监听,不要vue2 的写法

你可以使用 deep 选项来设置深度监听，例如：

watch: {
  obj: {
    handler: function (val, oldVal) { /* ... */ },
    deep: true
  }
}

这将会递归地监听 obj 对象及其所有嵌套的属性的变化。注意，这可能会影响性能，因此请谨慎使用。