vue计算属性的get和set
时间: 2023-07-18 19:09:39 浏览: 108
vue各种事件监听实例(小结)
Vue中的计算属性可以通过get和set函数来进行定义。get函数用于获取计算属性的值,set函数用于监听计算属性的变化并执行相应的操作。
例如,我们可以定义一个计算属性fullName,它由firstName和lastName组成:
```
computed: {
fullName: {
get: function() {
return this.firstName + ' ' + this.lastName;
},
set: function(newValue) {
var names = newValue.split(' ');
this.firstName = names[0];
this.lastName = names[names.length - 1];
}
}
}
```
当我们获取fullName的值时,会执行get函数并返回firstName和lastName组成的字符串。当我们设置fullName的值时,会执行set函数并将新值解析成firstName和lastName,并分别赋值给对应的变量。
这样,当我们修改fullName的值时,会自动更新对应的firstName和lastName,反之亦然。
阅读全文