vue中的watch和computed

watch和computed的定義和作用

watch偵聽器:

1.更多的是觀察的作用短纵,無緩存性带污,類似于某些數(shù)據(jù)的監(jiān)聽回調(diào),每當(dāng)監(jiān)聽的數(shù)據(jù)變化時都會執(zhí)行回調(diào)進行后續(xù)操作香到。
2.監(jiān)聽data或者props傳來的數(shù)據(jù)鱼冀,發(fā)生變化時會觸發(fā)相應(yīng)操作。有兩個參數(shù):
immediate:立即觸發(fā)回調(diào)函數(shù)悠就。
deep:深度監(jiān)聽千绪,發(fā)現(xiàn)數(shù)據(jù)內(nèi)部的變化,在復(fù)雜數(shù)據(jù)類型中使用梗脾,例如數(shù)組中的對象發(fā)生變化荸型。需要注意的是,deep無法監(jiān)聽到數(shù)組和對象內(nèi)部的變化炸茧。

computed計算屬性:

計算屬性可以從組件數(shù)據(jù)派生出新數(shù)據(jù)瑞妇,最常見的使用方式是設(shè)置一個函數(shù),返回計算之后的結(jié)果梭冠,依賴其它屬性值辕狰,并且 computed 的值有緩存,只有它依賴的屬性值發(fā)生改變控漠,下一次獲取 computed 的值時才會重新計算 computed 的值蔓倍。

區(qū)別:

計算屬性(computed)可以從組件數(shù)據(jù)派生出新數(shù)據(jù),最常見的使用方式是設(shè)置一個函數(shù),返回計算之后的結(jié)果偶翅,computed具備緩存性默勾,不支持異步操作。
偵聽器(watch)可以偵測某個響應(yīng)式數(shù)據(jù)的變化并執(zhí)行副作用倒堕,watch不具備緩存性灾测,但可以執(zhí)行異步操作等復(fù)雜邏輯。

使用場景及選擇:

computed:是多對一垦巴,多個數(shù)據(jù)影響一個媳搪。當(dāng)需要進行數(shù)值計算,并且依賴于其它數(shù)據(jù)時,應(yīng)該使用 computed骤宣,因為可以利用 computed 的緩存特性秦爆,避免每次獲取值時都要重新計算。
watch:是一對多憔披,一個數(shù)據(jù)發(fā)生變化等限,執(zhí)行相應(yīng)操作會影響多個數(shù)據(jù)。當(dāng)需要在數(shù)據(jù)變化時執(zhí)行異步或開銷較大的操作時芬膝,應(yīng)該使用 watch望门,使用 watch 選項允許執(zhí)行異步操作 ( 訪問一個 API ),限制執(zhí)行該操作的頻率锰霜,并在得到最終結(jié)果前筹误,設(shè)置中間狀態(tài)。這些都是計算屬性無法做到的癣缅。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末厨剪,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子友存,更是在濱河造成了極大的恐慌祷膳,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,816評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件屡立,死亡現(xiàn)場離奇詭異直晨,居然都是意外死亡,警方通過查閱死者的電腦和手機侠驯,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,729評論 3 385
  • 文/潘曉璐 我一進店門抡秆,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人吟策,你說我怎么就攤上這事儒士。” “怎么了檩坚?”我有些...
    開封第一講書人閱讀 158,300評論 0 348
  • 文/不壞的土叔 我叫張陵着撩,是天一觀的道長诅福。 經(jīng)常有香客問我,道長拖叙,這世上最難降的妖魔是什么氓润? 我笑而不...
    開封第一講書人閱讀 56,780評論 1 285
  • 正文 為了忘掉前任,我火速辦了婚禮薯鳍,結(jié)果婚禮上咖气,老公的妹妹穿的比我還像新娘。我一直安慰自己挖滤,他們只是感情好崩溪,可當(dāng)我...
    茶點故事閱讀 65,890評論 6 385
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著斩松,像睡著了一般伶唯。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上惧盹,一...
    開封第一講書人閱讀 50,084評論 1 291
  • 那天乳幸,我揣著相機與錄音,去河邊找鬼钧椰。 笑死粹断,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的嫡霞。 我是一名探鬼主播姿染,決...
    沈念sama閱讀 39,151評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼秒际!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起狡汉,我...
    開封第一講書人閱讀 37,912評論 0 268
  • 序言:老撾萬榮一對情侶失蹤娄徊,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后盾戴,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體寄锐,經(jīng)...
    沈念sama閱讀 44,355評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,666評論 2 327
  • 正文 我和宋清朗相戀三年尖啡,在試婚紗的時候發(fā)現(xiàn)自己被綠了橄仆。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,809評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡衅斩,死狀恐怖盆顾,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情畏梆,我是刑警寧澤您宪,帶...
    沈念sama閱讀 34,504評論 4 334
  • 正文 年R本政府宣布奈懒,位于F島的核電站,受9級特大地震影響宪巨,放射性物質(zhì)發(fā)生泄漏磷杏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 40,150評論 3 317
  • 文/蒙蒙 一捏卓、第九天 我趴在偏房一處隱蔽的房頂上張望极祸。 院中可真熱鬧,春花似錦怠晴、人聲如沸遥金。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽汰规。三九已至,卻和暖如春物邑,著一層夾襖步出監(jiān)牢的瞬間溜哮,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,121評論 1 267
  • 我被黑心中介騙來泰國打工色解, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留茂嗓,地道東北人。 一個月前我還...
    沈念sama閱讀 46,628評論 2 362
  • 正文 我出身青樓科阎,卻偏偏與公主長得像述吸,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子锣笨,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,724評論 2 351

推薦閱讀更多精彩內(nèi)容