vue2watch立即执行
时间: 2023-08-30 18:09:45 浏览: 137
Vue2 监听属性改变watch的实例代码
在Vue 2中,`watch`默认是惰性执行的,即只有在侦听的属性发生变化时才会执行回调函数。如果你希望在`watch`被定义后立即执行一次回调函数,你可以使用`immediate`选项。
下面是一个示例代码:
```javascript
new Vue({
data() {
return {
count: 0
};
},
watch: {
count: {
handler(newVal, oldVal) {
console.log('Count changed', newVal, oldVal);
},
immediate: true // 在watch定义后立即执行一次回调函数
}
}
});
```
在上面的代码中,`count`属性的变化将被监听,并定义了一个回调函数来处理变化。通过设置`immediate: true`选项,回调函数将在`watch`被定义后立即执行一次。
请注意,`immediate`选项只能在Vue 2中使用。在Vue 3中,`watch`的行为发生了改变,无需使用`immediate`选项即可立即执行回调函数。
阅读全文