computed:{}

就是Object.defineProperty()中的get方法,
在computed中调用的时方法,
将复杂的数据进行拼接处理,在模板中写太复杂的逻辑不合适,这时就可以用computed这个对象。
例子:
name:{{n}}
data:{n:***}
computed:{name(){ return ‘$this.n’}}
和下面的显示效果一样,但是……
name:{{n}}
data:{n:***}
methods:{get(){return this.n}
但是,如果这个N有字符串拼接或其他的处理,模板每次渲染都要计算一次,性能开销会很大,这时利用computed的优点会缓存就能优化性能。
意义:computed中定义的函数中依赖的某个数据值有变化就会重新计算得到新的值,但是又会缓存起来,但不写在computed里的依赖值他不管。
应用:当某些拿到数据不是我们真正要去显示的数据,显示的数据要多个个兵凭借处理后再用时就用computed属性
当然依赖值还可以用set去设置修改,但是computed一般用于组合数据,个组合的数据重新拆开设置会出现问题,导致computed循环计算,无限循环。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值