什么是 Vue 的计算属性

本文探讨了在Vue开发中如何通过计算属性来避免模板过重和提高代码可维护性。计算属性允许我们将复杂的数据显示逻辑分离,当依赖的数据变化时,结果会自动更新。相比methods,计算属性在数据未变动时能从缓存获取结果,减少不必要的计算。此外,计算属性内部的this指向Vue实例,可以直接在模板中调用,并且可以设置getter和setter来管理和修改数据。

在模板中放入太多的逻辑会让模板过重且难以维护,在需要对数据进行复杂处理,且可能 多次使用的情况下,尽量采取计算属性的方式,好处:使得数据处理结构清晰; 依赖于数据,数据更新,处理结果自动更新;

1、计算属性内部 this 指向 vm 实例;

2、在 template 调用时,直接写计算属性名即可;

3、常用的是 getter 方法,获取数据,也可以使用 set 方法改变数据;

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

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值