vue3 setup watch
时间: 2023-11-08 09:05:53 浏览: 86
script setup 响应式:核心
在 Vue3 中,可以使用 `watch` 函数来监听响应式数据的变化。`watch` 函数接收两个参数:要监听的数据和回调函数。当监听的数据发生变化时,回调函数会被触发。
在 `setup` 函数中使用 `watch` 函数的示例如下:
```javascript
import { watch, ref } from 'vue'
export default {
setup() {
const count = ref(0)
watch(count, (newValue, oldValue) => {
console.log(`count 从 ${oldValue} 变成了 ${newValue}`)
})
return {
count
}
}
}
```
在上面的示例中,我们使用 `ref` 函数创建了一个响应式数据 `count`,然后使用 `watch` 函数监听了 `count` 的变化,并在回调函数中打印了变化前后的值。
阅读全文