watch监听当值第一次绑定时,不执行监听函数
时间: 2023-06-13 09:04:59 浏览: 103
vue 子组件watch监听不到prop的解决
在 Vue.js 的 watch 选项中,可以通过设置 `immediate` 属性来控制是否在组件挂载时立即执行监听函数。
如果 `immediate` 设置为 true,则在组件挂载时不会执行监听函数,只有当被监听的数据发生变化时才会执行;如果 `immediate` 设置为 false(默认值),则在组件挂载时会立即执行一次监听函数。
示例代码如下:
```javascript
watch: {
value: {
handler(newVal, oldVal) {
console.log('value changed to: ', newVal);
},
immediate: true // 第一次绑定时不执行监听函数
}
}
```
阅读全文