computed
omputed 是計(jì)算屬性，它會(huì)根據(jù)你所依賴的數(shù)據(jù)動(dòng)態(tài)顯示新的計(jì)算結(jié)果
計(jì)算屬性將被加入到 Vue 實(shí)例中鄙币。所有 getter 和 setter 的 this 上下文自動(dòng)地綁定為 Vue 實(shí)例
通過計(jì)算出來的屬性不需要調(diào)用直接可以在 DOM 里使用
watch
一個(gè)對(duì)象荐类，鍵是 data 對(duì)應(yīng)的數(shù)據(jù)怖现，值是對(duì)應(yīng)的回調(diào)函數(shù)。值也可以是方法名掉冶，或者包含選項(xiàng)的對(duì)象真竖，當(dāng) data 的數(shù)據(jù)發(fā)生變化時(shí)，就會(huì)發(fā)生一個(gè)回調(diào)厌小，他有兩個(gè)參數(shù)恢共，一個(gè) val （修改后的 data 數(shù)據(jù)），一個(gè) oldVal（原來的 data 數(shù)據(jù)）
Vue 實(shí)例將會(huì)在實(shí)例化時(shí)調(diào)用$watch()璧亚，遍歷 watch 對(duì)象的每一個(gè)屬性
區(qū)別
計(jì)算屬性 computed：
（1）支持緩存讨韭，只有依賴數(shù)據(jù)發(fā)生變化時(shí)，才會(huì)重新進(jìn)行計(jì)算函數(shù)癣蟋；
（2）計(jì)算屬性內(nèi)不支持異步操作透硝；
（3）計(jì)算屬性的函數(shù)中都有一個(gè) get(默認(rèn)具有，獲取計(jì)算屬性)和 set(手動(dòng)添加疯搅，設(shè)置計(jì)算屬性)方法濒生；
（4）計(jì)算屬性是自動(dòng)監(jiān)聽依賴值的變化，從而動(dòng)態(tài)返回內(nèi)容幔欧。
偵聽屬性 watch:
(1) 不支持緩存罪治，只要數(shù)據(jù)發(fā)生變化，就會(huì)執(zhí)行偵聽函數(shù)礁蔗；
(2) 偵聽屬性內(nèi)支持異步操作觉义；
(3) 偵聽屬性的值可以是一個(gè)對(duì)象，接收 handler 回調(diào)浴井，deep晒骇，immediate 三個(gè)屬性；
(3) 監(jiān)聽是一個(gè)過程，在監(jiān)聽的值變化時(shí)洪囤，可以觸發(fā)一個(gè)回調(diào)徒坡，并做一些其他事情。
用法
如果一個(gè)數(shù)據(jù)需要經(jīng)過復(fù)雜計(jì)算就用 computed
如果一個(gè)數(shù)據(jù)需要被監(jiān)聽并且對(duì)數(shù)據(jù)做一些操作就用 watch
computed與watch的區(qū)別
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來赃承，“玉大人域帐，你說我怎么就攤上這事赘被。” “怎么了肖揣？”我有些...
- 文/不壞的土叔 我叫張陵民假，是天一觀的道長。 經(jīng)常有香客問我龙优，道長羊异，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任彤断，我火速辦了婚禮野舶，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘宰衙。我一直安慰自己平道，他們只是感情好，可當(dāng)我...
- 文/花漫 我一把揭開白布供炼。 她就那樣靜靜地躺著一屋，像睡著了一般。 火紅的嫁衣襯著肌膚如雪劲蜻。 梳的紋絲不亂的頭發(fā)上陆淀，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼岔乔！你這毒婦竟也來了酥筝？” 一聲冷哼從身側(cè)響起，我...
- 序言：老撾萬榮一對(duì)情侶失蹤雏门，失蹤者是張志新（化名）和其女友劉穎嘿歌，沒想到半個(gè)月后，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體茁影，經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡宙帝，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了募闲。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片步脓。...
- 正文 年R本政府宣布鸳君，位于F島的核電站，受9級(jí)特大地震影響厨幻，放射性物質(zhì)發(fā)生泄漏相嵌。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一况脆、第九天 我趴在偏房一處隱蔽的房頂上張望饭宾。 院中可真熱鬧，春花似錦格了、人聲如沸看铆。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽弹惦。三九已至，卻和暖如春悄但，著一層夾襖步出監(jiān)牢的瞬間棠隐，已是汗流浹背。 一陣腳步聲響...
- 正文 我出身青樓，卻偏偏與公主長得像嗡贺，于是被迫代替她去往敵國和親隐解。 傳聞我的和親對(duì)象是個(gè)殘疾皇子，可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 計(jì)算屬性 computed computed用來監(jiān)控自己定義的變量诫睬，該變量不在data里面聲明煞茫，直接在comput...
- 我們在 Vue 項(xiàng)目中多多少少都會(huì)有用到 computed 和 watch，這兩個(gè)看似都能實(shí)現(xiàn)對(duì)數(shù)據(jù)的監(jiān)聽摄凡，但還是...
- 計(jì)算屬性computed : 1. 支持緩存续徽，只有依賴數(shù)據(jù)發(fā)生改變，才會(huì)重新進(jìn)行計(jì)算 2. 不支持異步架谎，當(dāng)comp...
- 計(jì)算屬性computed : 支持緩存炸宵，只有依賴數(shù)據(jù)發(fā)生改變，才會(huì)重新進(jìn)行計(jì)算谷扣，是基于data中聲明過或者父組件傳...
- **計(jì)算屬性computed : ** 1. 支持緩存，只有依賴數(shù)據(jù)發(fā)生改變捎琐，才會(huì)重新進(jìn)行計(jì)算 2. 不支持異步会涎，...
