Vue computed set
时间: 2023-07-05 13:21:48 浏览: 94
深入理解Vue Computed计算属性原理
在Vue中,computed属性是一个计算属性,它会根据依赖的数据动态计算出一个新的值。computed属性默认是只读的,即不能通过computed属性修改原有数据。如果你需要在computed属性中修改原有数据,可以使用set方法。
例如,如果我们有一个计算属性fullName,它由firstName和lastName组成,我们可以通过以下方式在computed属性中设置数据:
```
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和set方法。get方法返回firstName和lastName的组合字符串,set方法接受一个新的值,并将其分解为firstName和lastName两个属性。这样我们就可以通过修改computed属性来同时修改firstName和lastName两个属性的值。
阅读全文