Vue2學習筆記:vue計算屬性

一、計算屬性

什么時候會用到計算屬性叠蝇?

當綁定的數(shù)據(jù)邏輯較為復雜時风宁!

例如:

傳入的javascript表達式較為復雜

①基礎(chǔ)例子

html
js
console

Vue 知道vm.reversedMessage依賴于vm.message,因此當vm.message發(fā)生改變時辜昵,依賴于vm.reversedMessage的綁定也會更新。

②計算緩存 vs Methods(計算屬性是基于它的依賴緩存)

為什么會這樣呢咽斧?因為computed下定義的方法有計算緩存堪置,而methods下的方法沒有。

我們?yōu)槭裁葱枰彺媸粘考僭O(shè)我們有一個重要的計算屬性A晋柱,這個計算屬性需要一個巨大的數(shù)組遍歷和做大量的計算。然后我們可能有其他的計算屬性依賴于A诵叁。如果沒有緩存雁竞,我們將不可避免的多次執(zhí)行A的 getter !如果你不希望有緩存拧额,請用 method 替代碑诉。

③計算屬性 vs Watched Property(觀察vue實例上的數(shù)據(jù)變動)

顯然computed更佳

④計算setter

現(xiàn)在在運行vm.fullName = 'John Doe'時, setter 會被調(diào)用侥锦,vm.firstName和vm.lastName也會被對應(yīng)更新进栽。

二、觀察Watchers(watch學到的不多恭垦,倒是發(fā)現(xiàn)一個有趣的api快毛、限制操作頻率的lodash以及axios)

在這個示例中,使用watch選項允許我們執(zhí)行異步操作(訪問一個 API)番挺,限制我們執(zhí)行該操作的頻率唠帝,并在我們得到最終結(jié)果前,設(shè)置中間狀態(tài)玄柏。這是計算屬性無法做到的襟衰。

學好Vue!

成為優(yōu)秀的前端工程師粪摘!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末瀑晒,一起剝皮案震驚了整個濱河市绍坝,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌苔悦,老刑警劉巖轩褐,帶你破解...
    沈念sama閱讀 210,978評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異间坐,居然都是意外死亡灾挨,警方通過查閱死者的電腦和手機邑退,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,954評論 2 384
  • 文/潘曉璐 我一進店門竹宋,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人地技,你說我怎么就攤上這事蜈七。” “怎么了莫矗?”我有些...
    開封第一講書人閱讀 156,623評論 0 345
  • 文/不壞的土叔 我叫張陵飒硅,是天一觀的道長。 經(jīng)常有香客問我作谚,道長三娩,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,324評論 1 282
  • 正文 為了忘掉前任妹懒,我火速辦了婚禮雀监,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘眨唬。我一直安慰自己会前,他們只是感情好,可當我...
    茶點故事閱讀 65,390評論 5 384
  • 文/花漫 我一把揭開白布匾竿。 她就那樣靜靜地躺著瓦宜,像睡著了一般。 火紅的嫁衣襯著肌膚如雪岭妖。 梳的紋絲不亂的頭發(fā)上临庇,一...
    開封第一講書人閱讀 49,741評論 1 289
  • 那天,我揣著相機與錄音昵慌,去河邊找鬼假夺。 笑死,一個胖子當著我的面吹牛废离,可吹牛的內(nèi)容都是我干的侄泽。 我是一名探鬼主播,決...
    沈念sama閱讀 38,892評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼蜻韭,長吁一口氣:“原來是場噩夢啊……” “哼悼尾!你這毒婦竟也來了柿扣?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,655評論 0 266
  • 序言:老撾萬榮一對情侶失蹤闺魏,失蹤者是張志新(化名)和其女友劉穎未状,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體析桥,經(jīng)...
    沈念sama閱讀 44,104評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡司草,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了泡仗。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片埋虹。...
    茶點故事閱讀 38,569評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖娩怎,靈堂內(nèi)的尸體忽然破棺而出搔课,到底是詐尸還是另有隱情,我是刑警寧澤截亦,帶...
    沈念sama閱讀 34,254評論 4 328
  • 正文 年R本政府宣布爬泥,位于F島的核電站,受9級特大地震影響崩瓤,放射性物質(zhì)發(fā)生泄漏袍啡。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,834評論 3 312
  • 文/蒙蒙 一却桶、第九天 我趴在偏房一處隱蔽的房頂上張望境输。 院中可真熱鬧,春花似錦肾扰、人聲如沸畴嘶。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,725評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽窗悯。三九已至,卻和暖如春偷拔,著一層夾襖步出監(jiān)牢的瞬間蒋院,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,950評論 1 264
  • 我被黑心中介騙來泰國打工莲绰, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留欺旧,地道東北人。 一個月前我還...
    沈念sama閱讀 46,260評論 2 360
  • 正文 我出身青樓蛤签,卻偏偏與公主長得像辞友,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,446評論 2 348

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