Vue的computed属性是用来定义计算属性的，在Vue实例中非常常用，可以用来实时计算响应式的属性值。
computed属性可以理解为对data数据的一种二次处理，它可以根据已有的data属性值来计算出一个新的属性值，并且该计算属性会根据依赖的data属性值实时更新。
在Vue中，computed属性和data属性一样，通过在Vue实例的选项中定义computed属性来使用。
computed属性有以下几个特点：
1. computed属性是基于依赖追踪的。Vue会自动追踪computed属性所依赖的data属性，只要data属性发生变化，computed属性就会重新计算。
2. computed属性具有缓存机制。当computed属性所依赖的data属性值没有发生变化时，computed属性会从缓存中直接返回之前计算过的值，而不会重新计算。
3. computed属性是只读的，无法修改它的值。computed属性的值是通过计算得到的，无法直接修改它的值。
使用computed属性的语法如下：
```js
new Vue({
computed: {
// 计算属性的名字: 计算函数
computedName: function() {
// 返回计算结果
}
}
})
```
计算函数可以是普通的函数，也可以是箭头函数。计算函数会根据Vue实例中的data属性的变化来计算出计算属性的值。
下面是一个示例，展示了computed属性的用法：
```html
原始数值：{{ originalValue }}
计算属性：{{ computedValue }}
```
在上面的示例中，Vue实例的data属性包含了一个原始数值originalValue，computed属性computedValue通过计算originalValue的平方来得到一个新的属性值。
现在，如果我们修改原始数值originalValue的值，computedValue的值也会随之变化，因为computedValue是根据originalValue的值计算出来的。
computed属性还可以通过设置setter函数来实现计算属性的双向绑定。setter函数接受一个参数，即要设置的新值。
```js
new Vue({
computed: {
// 计算属性的名字: 计算函数
computedName: {
// 计算函数
get: function() {
// 返回计算结果
}
// setter函数
set: function(newValue) {
// 设置新值的逻辑
}
}
}
})
```
下面是一个示例，展示了使用set函数实现计算属性的双向绑定：
```html
原始数值：{{ originalValue }}
计算属性：{{ computedValue }}
修改计算属性：
```
在上面的示例中，我们可以通过修改计算属性的输入框来改变计算属性的值。输入框使用了v-model指令，将输入框的值与Vue实例的modifiedValue属性双向绑定。
当输入框的值发生变化时，set函数会将新的值开根号并赋给原始数值originalValue，从而间接地改变了计算属性computedValue的值。
综上所述，Vue的computed属性提供了一种方便的方式来实时计算响应式的属性值，可以简化复杂的计算逻辑，并且具有高性能的缓存机制。在Vue开发中，computed属性可以让代码更清晰、更易于维护。