当前位置:主页 > 聚焦 >

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 Canton代币在DTCC概述代币化国债计划后上涨

消息,Canton Coin 过去一周上涨约27%,表现优于整体加密货币市场,主要受存托信托与清算公司...

2 携程海外版上线稳定币支付,支持 USDT、

消息,ME News 消息,12 月 26 日,携程海外版已面全球用户开通稳定币支付功能,目前支持 USD...

3 实时行情早报:BTC比特币价格突破88000美

XBIT Wallet数据来源,比特币bitcoin今日价格行情,BTC比特币最新价格突破至$88074.53,24小时涨幅达...

4 “史上最大规模并购”——美国财政部长

尽管比特币在2025年预计下跌6%,但今年仍创下12.6万美元的历史新高,这主要得益于贝莱德、先...

5 2026年量子计算不会导致加密货币崩溃但需

消息,Argentum AI、Coin Bureau 等机构专家在接受采访时表示,2026 年量子计算对加密货币的威胁仍...

6 Strategy CEO:比特币市场基本面强劲,看好

消息,12 月 26 日,Strategy 公司首席执行官 Phong Le 表示,尽管比特币价格在年底有所下跌且市场...

7 查尔斯·霍斯金森认为,Solana 的增长速度

Cardano创始人Charles Hoskinson预测,Solana凭借其速度和灵活的升级能力,将在短期内占据优势;同...

8 柴犬价格圣诞节期间烧钱速度飙升505%:

Shiba Inu 在圣诞节当天代币销毁量激增 505.74%,共销毁了 598 万枚 SHIB。然而,尽管基数较低,但...

9 HTX 年终嘉年华携手 TRON 生态系统推出 2

HTX将于2025年12月22日至2026年1月18日举办年终嘉年华,奖池高达20万USDT。本次活动由TRON生态系统...

10 2025年加密衍生品持仓量创2359亿美元新高

消息,据Coin Bureau发推称:2025年加密货币衍生品未平仓合约量波动剧烈,年初平淡,第三季度...

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

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