计算属性和普通属性的区别

区别

computed 属性是vue的计算属性，是数据层到视图的数据转化映射；

计算属性是基于他们的依赖进行缓存的，只有在相关依赖发现改变时，他们才会重新求值，也就是说，只要他的依赖没有发生变化，那么每次访问的时候计算属性都会立即返回之前的计算结果，不在执行函数；

• computed 是响应式的，methods并非响应式。
• 调用方式不一样，computed定义的成员像属性一样访问，methods定义的成员必须以函数形式调用。
• computed是带缓存的，只有依赖数据发生改变，才会重新进行计算，而methods里的函数在每次调用时都要执行。
• computed中的成员可以只定义一个函数作为只读属性，也可以定义get/set变成可读属性。这点时methods中的成员做不到的。
• computed不支持异步，当computed内有异步操作时无效，无法监听数据的变化。

如果声明的计算属性计算量非常大的时候，而且访问量次数非常多，改变的时机却很小，那就需要用到computed；缓存会让我们减少很多计算量