vue计算属性返回什么

Vue计算属性返回的是根据依赖属性计算出来的值。在Vue中，我们可以使用计算属性来处理一些需要依赖其他属性计算得出的值，它会根据依赖的属性自动更新。

计算属性的定义是在Vue实例的computed选项中进行的。它可以是一个对象，对象中的每个属性都是一个函数，函数的返回值就是计算属性的值。

计算属性的特点是它会根据依赖的属性进行缓存，只有当依赖的属性发生改变时才会重新计算。这个特点可以减少不必要的计算，提高性能。

另外，计算属性还可以使用get和set方法，通过get方法获取计算属性的值，通过set方法修改计算属性的值。

总结一下，Vue计算属性是根据依赖的属性计算得出的值，它具有缓存的特点，只有当依赖属性发生改变时才会重新计算。它能够方便地处理一些复杂的逻辑计算，提高代码的可读性和可维护性。

Vue计算属性返回的是一个响应式的数据，它是基于Vue实例的数据来计算得出的。计算属性实际上是一个函数，它会根据依赖于Vue实例的数据的变化而自动更新。

以下是计算属性的几个重要特点：

1. 响应式：计算属性是响应式的，当依赖的数据发生改变时，计算属性会自动重新计算。

2. 缓存：计算属性是具有缓存机制的，只有在依赖的数据发生改变时，计算属性才会重新计算。在使用计算属性的时候，如果计算属性所依赖的数据没有发生改变，则会直接返回之前缓存的结果，而不是重新计算。

3. 自动更新：计算属性会自动追踪依赖的数据，并在数据发生改变时重新计算。这意味着，我们可以直接将计算属性的结果绑定到模板中，而无需手动调用它。

4. 与methods区别：与methods方法不同的是，计算属性是基于它所依赖的数据动态计算出的结果，只要所依赖的数据发生改变，计算属性就会重新计算。而methods方法则是在每次调用时执行，并不会根据依赖的数据的改变而自动重新计算。

5. 可复用：计算属性可以在数据发生改变时被多次使用，而不需要重复计算。这样可以提高性能，避免重复计算同一个结果。

综上所述，计算属性是Vue中非常实用的一种数据处理方式，它可以根据数据的变化自动更新结果，并且具有缓存机制，提高了性能和代码的可复用性。

在Vue中，计算属性是一种具有缓存功能的属性。它对响应式数据进行计算，并返回一个新的值。Vue会根据计算属性的依赖关系自动追踪并缓存计算属性的值。当依赖的响应式数据发生改变时，计算属性才会重新计算。

计算属性的返回值可以是任何类型的数据，包括字符串、数字、对象、数组等。计算属性内部可以使用JavaScript的语法进行任何复杂的计算，例如条件判断、循环等。

下面是关于计算属性返回值的一些常见情况：

1. 返回单个值：计算属性可以根据一些响应式数据进行一些简单的计算，然后返回一个值。例如，计算属性可以根据输入框中的内容是否为空来返回一个布尔值。

computed: {
  isEmpty() {
    return this.inputValue === '';
  }
}

2. 返回对象：计算属性可以根据多个响应式数据进行计算，然后返回一个对象。例如，计算属性可以根据用户的权限等级来返回一个包含用户信息的对象。

computed: {
  userInfo() {
    if (this.isAdmin) {
      return {
        name: 'Admin',
        role: 'Administrator'
      }
    } else {
      return {
        name: 'User',
        role: 'Guest'
      }
    }
  }
}

3. 返回数组：计算属性可以根据多个响应式数据进行计算，然后返回一个数组。例如，计算属性可以根据购物车内的商品数量和单价计算出该商品的总价，并返回一个包含所有商品总价的数组。

computed: {
  totalPrice() {
    return this.cart.map(item => item.quantity * item.price);
  }
}

需要注意的是，计算属性是基于它的依赖关系进行缓存的，只有在依赖的响应式数据发生改变时，计算属性才会重新计算。这意味着在多个地方使用同一个计算属性时，如果没有改变计算属性的依赖，那么计算属性只会计算一次，并返回缓存的值。同样，如果计算属性的依赖发生改变，那么计算属性会被重新计算，并返回新的值。