vue3watch如何监听ref

watch函数在Vue 3中用于监听ref响应式数据。它接受三个参数，第一个参数是想要监听的数据，可以是单个ref或一个包含多个ref的数组。第二个参数是一个回调函数，该函数用于处理数据变化时的操作。第三个参数是watch的配置对象，用于设置其他选项，例如立即监听属性的变化。

下面是一个示例代码，展示了如何使用watch函数监听ref响应式数据：

import { ref, watch } from 'vue';

let count = ref(0);

watch(count, (newValue, oldValue) => {
  console.log(newValue, oldValue);
});

// 监听多个ref
let name = ref('John');
let age = ref(25);

watch([name, age], (newValues, oldValues) => {
  console.log(newValues, oldValues);
}, { immediate: true });

上述代码中，首先我们使用`ref`函数创建了一个`count`变量，然后使用`watch`函数监听了`count`的变化。在回调函数中，我们打印出了新值和旧值。

接下来，我们还展示了如何监听多个ref。我们创建了`name`和`age`两个变量，并将它们放入数组中传递给`watch`函数。在回调函数中，我们打印出了新值和旧值。