我
什么是 vue 的计算属性?
难度:
在模板中放入太多的逻辑会让模板过重且难以维护,在需要对数据进行复杂处理,且可能多次使用的情况下,尽量采取计算属性的方式。
好处:
使得数据处理结构清晰;
依赖于数据,数据更新,处理结果自动更新;
计算属性内部 this 指向 vm 实例;
在 template 调用时,直接写计算属性名即可;
常用的是 getter 方法,获取数据,也可以使用 set 方法改变数据;
相较于 methods,不管依赖的数据变不变,methods 都会重新计算,但是依赖数据不变的时候 computed 从缓存中获取,不会重新计算。