当前位置:主页 > 聚焦 >

vue中computed和watch的区别是什么?

时间:2020-11-13 20:47:01

  区别:计算属性computed支持缓存,只有依赖数据发生改变,才会重新进行计算;不支持异步,当computed内有异步操作时无效,无法监听数据的变化。而监听属性watch不支持缓存,数据变,直接会触发相应的操作;支持异步。

  watch顾名思义,用于监听数据变化,其中可以监听的数据来源有三部分:props、data、computed内的数据;watch提供两个参数(newValue,oldValue),第一个参数是新值,第二个参数保存旧值;

  computed用于处理复杂的逻辑运算,主要和methods储存方法来进行区分;methods储存方法,,computed储存需要处理的数据值;methods每次都会调用,computed有缓存机制,只有改变时才执行,性能更佳;

  vue中computer与watch区别:

  计算属性computed :

  1. 支持缓存,只有依赖数据发生改变,才会重新进行计算

  2. 不支持异步,当computed内有异步操作时无效,无法监听数据的变化

  4. 如果一个属性是由其他属性计算而来的,这个属性依赖其他属性,是一个多对一或者一对一,一般用computed

  5.如果computed属性属性值是函数,那么默认会走get方法;函数的返回值就是属性的属性值;在computed中的,属性都有一个get和一个set方法,当数据变化时,调用set方法。

  监听属性watch:

  1. 不支持缓存,数据变,直接会触发相应的操作;

  2.watch支持异步;

  3.监听的函数接收两个参数,第一个参数是最新的值;第二个参数是输入之前的值;

  4. 当一个属性发生变化时,需要执行对应的操作;一对多;

  相关:
 

  2020年前端vue面试题大汇总(附答案)

  vue2020最新的5个vue.js视频教程精选

  编程教学!!

热点推荐
1 攻击者利用无限铸造漏洞窃取约467万美元

消息,GoPlusSecurity报告称,攻击者在Secret Network上的一个修改过的cw20-ics20代币合约中利用了无限...

2 微信原生AI助手「小微」开启灰度测试,

消息,微信原生AI助手「小微」已在主界面左上角灰度上线,支持用户通过文字或语音操作微信...

3 特朗普自夸对伊战争成果:伊朗被“完全

消息,美国总统特朗普:激进的左派傻瓜和民主党人意识到我们在对抗伊朗的战争中做得多么...

4 CZ:不会退出市场且本轮比特币周期表现

消息,CZ在接受Galaxy Digital采访时表示,尽管比特币经历了50%的跌幅,但本轮周期表现仍优于以...

5 以军在黎南部地区持续空袭,造成至少

消息,据黎巴嫩民防部门20日宣布,当天以色列国防军在黎巴嫩南部奈拜提耶和杰津地区持续空...

6 预测市场单周交易量达108亿美元,创历史

消息,据a16z crypto数据显示,受SpaceX IPO、美国与伊朗和平协议、NBA总决赛及世界杯等多重全球...

7 挪威将禁止小学生使用生成式人工智能

消息,挪威首相斯特勒19日表示,为防止对学习产生负面影响,挪威将禁止小学生使用生成式人...

8 菲律宾SEC:已具备RWA代币化法律基础

消息,菲律宾证券交易委员会专员Rogelio Quevedo近日表示,菲律宾已具备接纳现实世界资产代币...

9 Custodia Bank与Vantage Bank推出稳定币转换代币

Custodia Bank与Vantage Bank提出一种可在银行存款与稳定币之间转换的代币结构。根据两家公司白皮...

10 Algorand Foundation公布后量子安全路线图,计

消息,Algorand Foundation公布了后量子安全路线年底前实现更广泛的量子抗性。路线图显示,Alg...

成都来彰科技 蜀ICP备2025134723号-1

资讯来源互联网,如有版权问题请联系管理员删除。