vue中当数据变化时调用方法
时间: 2023-08-11 16:19:42 浏览: 87
在Vue中,当数据变化时,可以使用`watch`属性或`computed`属性来调用方法。
使用`watch`属性,可以监听某个数据的变化,并在变化时执行相应的方法。例如:
```
data() {
return {
count: 0
}
},
watch: {
count(newValue, oldValue) {
console.log('count变化了', newValue, oldValue)
// 执行相应的方法
}
}
```
使用`computed`属性,可以计算某个数据的值,并在值变化时执行相应的方法。例如:
```
data() {
return {
count: 0
}
},
computed: {
getCount() {
console.log('count变化了', this.count)
// 执行相应的方法
return this.count
}
}
```
需要注意的是,`computed`属性只有在其依赖的数据发生变化时才会重新计算。
阅读全文