vue-监控多个属性

在使用vue的时候,会遇到多个属性变化都需要做同一个操作的情况.

第一个办法是每一个属性都写一个监控事件.但是作为一个强迫症程序员,不希望代码中出现大量的重复代码.

所以我们可以写一个计算属性进行操作:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
new Vue({
computed:{
param: function () {
const {
属性一,
属性二,
属性三,
...
} = this
return {
属性一,
属性二,
属性三,
...
}
}
},
watch:{
param:function () {
//监控代码
}
}
});