日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不

當(dāng)前位置:首頁 > 科技  > 軟件

Vue3這個(gè)API慎用!可能會(huì)有性能問題!

來源: 責(zé)編: 時(shí)間:2024-01-04 09:32:48 300觀看
導(dǎo)讀大家好,我是林三心,用最通俗易懂的話講最難的知識(shí)點(diǎn)是我的座右銘,基礎(chǔ)是進(jìn)階的前提是我的初心~背景Vue3 有一個(gè) API,可能很多人都用過,那就是 watchEffect,他的功能跟 watch 有點(diǎn)類似,但又有些不一樣,用法如下,它會(huì)去自動(dòng)收集

大家好,我是林三心,用最通俗易懂的話講最難的知識(shí)點(diǎn)是我的座右銘,基礎(chǔ)是進(jìn)階的前提是我的初心~d1S28資訊網(wǎng)——每日最新資訊28at.com

背景

Vue3 有一個(gè) API,可能很多人都用過,那就是 watchEffect,他的功能跟 watch 有點(diǎn)類似,但又有些不一樣,用法如下,它會(huì)去自動(dòng)收集依賴的響應(yīng)式數(shù)據(jù),響應(yīng)式數(shù)據(jù)一變,就會(huì)觸發(fā)函數(shù)的重新執(zhí)行d1S28資訊網(wǎng)——每日最新資訊28at.com

圖片圖片d1S28資訊網(wǎng)——每日最新資訊28at.com

謹(jǐn)慎使用!

我發(fā)現(xiàn)組員們很喜歡用watchEffect,他們的意思是watchEffect比較方便,寫起來比較爽d1S28資訊網(wǎng)——每日最新資訊28at.com

其實(shí)我個(gè)人是很少用 watchEffect 的,因?yàn)槲腋杏X:d1S28資訊網(wǎng)——每日最新資訊28at.com

  • watchEffect 的依賴不夠明確
  • watchEffect 可能有性能問題

可維護(hù)性較差

先來說第一點(diǎn),我舉個(gè)例子,假如我要監(jiān)聽 a、b、c,然后去執(zhí)行很多邏輯,如果我是使用 watch,我一眼就能看到,依賴項(xiàng)是 a、b、c 這三個(gè)變量,后面接手代碼的開發(fā)者,也能很明確看到執(zhí)行這些邏輯的依賴項(xiàng)是什么d1S28資訊網(wǎng)——每日最新資訊28at.com

圖片圖片d1S28資訊網(wǎng)——每日最新資訊28at.com

但是如果你使用的是 watchEffect,那么你下次看代碼時(shí),你得去這么多邏輯中去自己一個(gè)一個(gè)找依賴項(xiàng)是什么,是不是感覺代碼可維護(hù)性變得比較差了?d1S28資訊網(wǎng)——每日最新資訊28at.com

圖片圖片d1S28資訊網(wǎng)——每日最新資訊28at.com

性能問題?

再來說說 watchEffect 可能有性能問題,我們看以下例子d1S28資訊網(wǎng)——每日最新資訊28at.com

圖片圖片d1S28資訊網(wǎng)——每日最新資訊28at.com

其實(shí) isEven 自始至終都是 true,所以應(yīng)該只執(zhí)行一次函數(shù)就行了,但是 watchEffect 沒有做惰性處理,也就是只要 isEven.value 被重新賦值,函數(shù)就會(huì)重新執(zhí)行一遍,無論 isEven 是否變了,這就會(huì)造成無意義的代碼執(zhí)行~d1S28資訊網(wǎng)——每日最新資訊28at.com

但是如果是用 watch 就不會(huì)有這種情況發(fā)生d1S28資訊網(wǎng)——每日最新資訊28at.com


d1S28資訊網(wǎng)——每日最新資訊28at.com

本文鏈接:http://www.www897cc.com/showinfo-26-57375-0.htmlVue3這個(gè)API慎用!可能會(huì)有性能問題!

聲明:本網(wǎng)頁內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。郵件:2376512515@qq.com

上一篇: 關(guān)于FastAPI中在新線程里調(diào)用協(xié)成函數(shù)問題

下一篇: 突破 Pytorch 核心點(diǎn),損失函數(shù) !!!

標(biāo)簽:
  • 熱門焦點(diǎn)
  • 服務(wù)存儲(chǔ)設(shè)計(jì)模式:Cache-Aside模式

    Cache-Aside模式一種常用的緩存方式,通常是把數(shù)據(jù)從主存儲(chǔ)加載到KV緩存中,加速后續(xù)的訪問。在存在重復(fù)度的場(chǎng)景,Cache-Aside可以提升服務(wù)性能,降低底層存儲(chǔ)的壓力,缺點(diǎn)是緩存和底
  • 分享六款相見恨晚的PPT模版網(wǎng)站, 祝你做出精美的PPT!

    1、OfficePLUSOfficePLUS網(wǎng)站旨在為全球Office用戶提供豐富的高品質(zhì)原創(chuàng)PPT模板、實(shí)用文檔、數(shù)據(jù)圖表及個(gè)性化定制服務(wù)。優(yōu)點(diǎn):OfficePLUS是微軟官方網(wǎng)站,囊括PPT模板、Word模
  • 學(xué)習(xí)JavaScript的10個(gè)理由...

    作者 | Simplilearn編譯 | 王瑞平當(dāng)你決心學(xué)習(xí)一門語言的時(shí)候,很難選擇到底應(yīng)該學(xué)習(xí)哪一門,常用的語言有Python、Java、JavaScript、C/CPP、PHP、Swift、C#、Ruby、Objective-
  • 共享單車的故事講到哪了?

    來源丨海克財(cái)經(jīng)與共享充電寶相差不多,共享單車已很久沒有被國(guó)內(nèi)熱點(diǎn)新聞關(guān)照到了。除了一再漲價(jià)和用戶直呼用不起了。近日多家媒體再發(fā)報(bào)道稱,成都、天津、鄭州等地多個(gè)共享單
  • 大廠卷向扁平化

    來源:新熵作者丨南枝 編輯丨月見大廠職級(jí)不香了。俗話說,兵無常勢(shì),水無常形,互聯(lián)網(wǎng)企業(yè)調(diào)整職級(jí)體系并不稀奇。7月13日,淘寶天貓集團(tuán)啟動(dòng)了近年來最大的人力制度改革,目前已形成一
  • ESG的面子與里子

    來源 | 光子星球撰文 | 吳坤諺編輯 | 吳先之三伏大幕拉起,各地高溫預(yù)警不絕,但處于厄爾尼諾大“烤”之下的除了眾生,還有各大企業(yè)發(fā)布的ESG報(bào)告。ESG是“環(huán)境保
  • 網(wǎng)紅炒股不為了賺錢,那就是耍流氓!

    來源:首席商業(yè)評(píng)論6月26日高調(diào)宣布入市,網(wǎng)絡(luò)名嘴大v胡錫進(jìn)居然進(jìn)軍了股市。在一次財(cái)經(jīng)媒體峰會(huì)上,幾個(gè)財(cái)經(jīng)圈媒體大佬就“胡錫進(jìn)炒股是否知道認(rèn)真報(bào)道”展開討論。有
  • 超閉合精工鉸鏈 徹底消滅縫隙 三星Galaxy Z Flip5與Galaxy Z Fold5發(fā)布

    2023年7月26日,三星電子正式發(fā)布了Galaxy Z Flip5與Galaxy Z Fold5。三星新一代折疊屏手機(jī)采用超閉合精工鉸鏈,讓折疊后的縫隙不再可見。同時(shí),配合處
  • 三星顯示已開始為AR設(shè)備研發(fā)硅基LED微顯示屏

    7月18日消息,據(jù)外媒報(bào)道,隨著蘋果首款頭顯產(chǎn)品Vision Pro在6月份正式推出,AR/VR/MR等頭顯產(chǎn)品也就將成為各大公司下一個(gè)重要的競(jìng)爭(zhēng)領(lǐng)域,對(duì)顯示屏這一關(guān)
Top 主站蜘蛛池模板: 微博| 河津市| 邳州市| 阿勒泰市| 新邵县| 西峡县| 甘洛县| 灵山县| 固镇县| 彩票| 京山县| 都兰县| 延津县| 凉城县| 普安县| 萝北县| 潮安县| 泾川县| 丽水市| 彝良县| 库尔勒市| 方城县| 确山县| 石棉县| 仁寿县| 民丰县| 教育| 敦煌市| 安庆市| 双江| 织金县| 晴隆县| 抚远县| 敦煌市| 沅陵县| 华安县| 尼勒克县| 长丰县| 娄底市| 临泽县| 永修县|