vue watch写法handle
时间: 2023-10-30 13:07:47 浏览: 185
Vue中的watch写法可以有多种方式。其中,handle方法是一种常规写法,也可以进一步优化。另外,Vue还提供了immediate属性和handler方法,用于在watch挂载完成后立即执行。以下是几种常见的Vue watch写法示例:
1. 常规写法:
```javascript
data: {
title: '刘华强'
},
watch: {
title: function(New, Old) {
console.log(New, Old);
}
},
methods: {
handle: function(New, Old) {
console.log(New, Old);
}
}
```
2. 使用immediate属性的简洁写法:
```javascript
data: {
num: 0,
sum: 10
},
watch: {
num: {
handler: function(newValue, oldValue) {
this.sum = newValue;
},
immediate: true
}
}
```
3. 使用handler方法的写法:
```javascript
data: {
num: 0,
sum: 10
},
watch: {
num: {
handler: function(newValue, oldValue) {
this.sum = newValue;
}
}
}
```
以上是几种常见的Vue watch写法。你可以根据自己的需求选择适合的方式来处理数据的变化。
阅读全文