vue3的watch立即执行
时间: 2024-03-27 20:33:49 浏览: 197
vue首次赋值不触发watch的解决方法
在Vue 3中,watch选项提供了一种监听数据变化并执行相应操作的方式。默认情况下,watch选项是惰性执行的,也就是说只有在被监听的数据发生变化时才会执行相应的回调函数。但是有时候我们希望在watch选项定义时立即执行一次回调函数,可以通过设置immediate选项来实现。
具体使用方法如下:
```javascript
watch: {
// 监听的数据
dataToWatch: {
// 回调函数
handler(newVal, oldVal) {
// 执行的操作
console.log('数据发生变化');
},
// 是否立即执行回调函数,默认为false
immediate: true
}
}
```
在上述代码中,我们通过设置immediate选项为true,使得在watch选项定义时立即执行一次回调函数。当dataToWatch的值发生变化时,回调函数也会被再次执行。
阅读全文