大厂面试--Vue计算属性和普通属性的区别?

本文主要讲述了Vue中的computed属性与methods的对比,包括计算属性作为数据映射的特性、缓存机制、响应性差异、函数调用方式以及在处理大量计算且依赖变化小的场景下的性能优化价值。
摘要由CSDN通过智能技术生成

区别:

  • computed属性是vue的计算属性,是数据层到视图层的数据转化映射;
  • 计算属性是基于他们的依赖进行缓存的,只有在相关依赖发生改变时,他们才会重新求值,也就是说,只要他的依赖没有发生变化,那么每次访问的时候计算属性都会立即返回之前的计算结果,不再执行函数;
    • computed是响应式的,methods并非响应式。
    • 调用方式不一样,computed定义的成员像属性一样 访问,methods定 义的成员必须以函数形式调用。
    • computed是 带缓存的,只有依赖数据发生改变,才 会重新进行计算,而methods 里的函数在每次调用时都要执行。
    • computed中的成 员可以只定义一个函数作为只读属性,也可以定义get/set变成可读写属性,这点是methods中的成员做不到的
    • computed不 支持异步,当computed内有 异步操作时无效,无法监听数据的变化

如果声明的计算属性计算量非常大的时候,而且访问量次数非常多,改变的时机却很小,那就需要用到computed;缓存会让我们减少很多计算量

  • 4
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值