vue watch用法
时间: 2024-04-18 16:22:50 浏览: 100
详解Vue中watch的详细用法
Vue的watch选项用于监听数据的变化,并在数据变化时执行相应的操作。它可以用于监测一个特定的数据属性,当该属性发生变化时,执行指定的回调函数。
watch选项可以在Vue组件的选项对象中定义,例如:
```javascript
export default {
data() {
return {
message: 'Hello, Vue!'
}
},
watch: {
message(newValue, oldValue) {
// 在message属性发生变化时执行的回调函数
console.log('message属性发生变化了!新值为:', newValue, '旧值为:', oldValue);
}
}
}
```
在上述代码中,我们定义了一个名为message的数据属性,并在watch选项中定义了一个名为message的监听器。当message属性发生变化时,watch选项中的回调函数将被触发,并传入新值和旧值作为参数。
阅读全文