在模板中放入太多的逻辑会让模板过重且难以维护,在需要对数据进行复杂处理,且可能 多次使用的情况下,尽量采取计算属性的方式,好处:使得数据处理结构清晰; 依赖于数据,数据更新,处理结果自动更新;
1、计算属性内部 this 指向 vm 实例;
2、在 template 调用时,直接写计算属性名即可;
3、常用的是 getter 方法,获取数据,也可以使用 set 方法改变数据;
4、相较于 methods,不管依赖的数据变不变,methods 都会重新计算,但是依赖数据不变的 时候 computed 从缓存中获取,不会重新计算.
本文探讨了在Vue开发中如何通过计算属性来避免模板过重和提高代码可维护性。计算属性允许我们将复杂的数据显示逻辑分离,当依赖的数据变化时,结果会自动更新。相比methods,计算属性在数据未变动时能从缓存获取结果,减少不必要的计算。此外,计算属性内部的this指向Vue实例,可以直接在模板中调用,并且可以设置getter和setter来管理和修改数据。
1356

被折叠的 条评论
为什么被折叠?



