vue2watch属性
时间: 2023-11-08 17:05:12 浏览: 120
vue watch关于对象内的属性监听
5星 · 资源好评率100%
Vue.js中的watch属性是用来监听数据变化并执行相应操作的。当被监听的数据发生变化时,watch属性会自动执行相应的回调函数。
在Vue.js 2.x版本中,watch属性有两种写法:
1. 对象写法:
```javascript
watch: {
// 监听firstName属性
firstName: function (val, oldVal) {
console.log('firstName changed from ' + oldVal + ' to ' + val);
},
// 监听lastName属性
lastName: function (val, oldVal) {
console.log('lastName changed from ' + oldVal + ' to ' + val);
}
}
```
2. 数组写法:
```javascript
watch: {
// 监听firstName属性
'firstName': function (val, oldVal) {
console.log('firstName changed from ' + oldVal + ' to ' + val);
},
// 监听lastName属性
'lastName': function (val, oldVal) {
console.log('lastName changed from ' + oldVal + ' to ' + val);
}
}
```
阅读全文