computed完整写法
时间: 2023-08-08 16:05:08 浏览: 90
ES6 Object属性新的写法实例小结
计算属性的完整写法包括getter和setter两个部分,可以用来实现对计算属性的读取和设置操作。
下面是计算属性的完整写法示例:
```javascript
new Vue({
data: {
message: 'Hello'
},
computed: {
reversedMessage: {
// getter函数,用于获取计算属性的值
get: function () {
return this.message.split('').reverse().join('')
},
// setter函数,用于设置计算属性的值
set: function (value) {
this.message = value.split('').reverse().join('')
}
}
}
})
```
在上面的代码中,我们定义了一个计算属性reversedMessage,并使用了完整的写法。在computed对象中,我们使用了一个包含getter和setter的对象来定义计算属性。
getter函数用于获取计算属性的值,当访问reversedMessage时,会调用getter函数来计算并返回属性的值。
setter函数用于设置计算属性的值,当给reversedMessage赋值时,会调用setter函数来对message属性进行赋值,并重新计算计算属性的值。
通过完整写法,我们可以实现对计算属性的读取和设置操作,进一步扩展计算属性的功能。
阅读全文