Vue 的计算属性详解

vue中的计算属性 computed 一种对数据进行复杂处理的方式,使得数据处 理结构清晰

有下面一些好处:

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

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

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

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

5、 相较于 methods，不管依赖的数据变不变，methods 都会重新计算，但是依赖数据不变的时候 computed 从缓存中获取，不会重新计算。

所以当需要使用多次数据时,建议使用计算属性,特别是内部计算逻辑比较复杂.