vue中的watch写法
时间: 2023-11-05 16:05:28 浏览: 102
Vue.js 中的 $watch使用方法
Vue中的watch用于观察数据的变化并执行相应的操作。watch是一个对象,其键是需要观察的表达式,值是对应回调函数。回调函数可以是方法名,也可以是包含选项的对象。
具体的watch写法如下:
```javascript
watch: {
// 监听num属性的变化
num: {
// 当num的值发生变化时,执行回调函数
handler(newVal, oldVal) {
// 在这里编写操作逻辑
},
// 是否立即执行回调函数,默认为false
immediate: true,
// 是否深度监听对象或数组的变化,默认为false
deep: true,
},
},
```
其中,handler是回调函数,它接收两个参数:新值和旧值。immediate属性控制是否在初始化时立即执行回调函数,默认为false。deep属性控制是否深度监听对象或数组的变化,默认为false。
阅读全文