vue3的watch开启首次监听
时间: 2024-08-25 19:00:17 浏览: 37
vue中watch和computed为什么能监听到数据的改变以及不同之处
在Vue 3中,`watch` API用于响应式地监听数据的变化。如果你想要在组件初始化时立即执行一次监听函数,可以设置`immediate`选项为`true`。这是一个例子:
```javascript
export default {
data() {
return {
count: 0,
}
},
mounted() {
// 这里是在组件挂载时(首次监听)
this.watch('count', (newCount) => {
console.log(`Count has changed to ${newCount}`);
}, { immediate: true });
},
}
```
当你将`immediate`设置为`true`时,初次绑定到`count`属性时,`watch`里的回调函数会被立即执行一次,即使当前值未改变。这通常用于同步初始化状态。
阅读全文