什么是 Vue 的计算属性

一.计算属性创造目的:

计算属性的目的就是用来处理那些需要复杂逻辑的数据,使模板内容简单明了.

二.计算属性的特点:

1、 依赖于数据，数据更新，处理结果自动更新；

2、 计算属性内部 this 指向 vm 实例；

3、 在 template 调用时，直接写计算属性名即可；

4、 常用的是 getter 方法，获取数据，也可以使用 set 方法改变数据；

5、 相较于 methods，不管依赖的数据变不变，methods 都会重新计算，但是依赖

数据不变的时候 computed 从缓存中获取，不会重新计算。

6、  计算属性的缓存在计算大量数据的时候可以减少不必要的性能消耗,假设我们有一个性能开销比较大的的计算属性  A，它需要遍历一个巨大的数组并做大量的计算。然后我们可能有其他的计算属性依赖于  A 。如果没有缓存，我们将不可避免的多次执行  A 的 getter！如果你不希望有缓存，请用方法来替代。