vue生命周期

首先拿出官網(wǎng)的圖例

1删豺、beforeCreate:在實例初始化之后涩哟,數(shù)據(jù)觀測 (data observer) 和 event/watcher 事件配置之前被調(diào)用。

2久窟、created:在實例創(chuàng)建完成后被立即調(diào)用东抹。此時實例已經(jīng)完成數(shù)據(jù)觀測蚂子,屬性和方法的運算沃测,以及事件的回調(diào)。但掛載階段還沒開始食茎,$el屬性不可見蒂破。

3、beforeMount:在掛載開始之前被調(diào)用:相關(guān)的render函數(shù)首次被調(diào)用别渔。

4附迷、mounted:el被新創(chuàng)建的vm.$el替換,并掛在到實例上去之后調(diào)用該鉤子函數(shù)哎媚。

5喇伯、beforeUpdate:數(shù)據(jù)更新時調(diào)用,發(fā)生在虛擬 DOM 打補丁之前拨与。這里適合在更新之前訪問現(xiàn)有的 DOM稻据,比如手動移除已添加的事件監(jiān)聽器。

6买喧、updated:由于數(shù)據(jù)更改導(dǎo)致的虛擬 DOM 重新渲染和打補丁捻悯,在這之后會調(diào)用該鉤子。

7岗喉、activated:keep-alive 組件激活時調(diào)用秋度。

8、deactivated:keep-alive 組件停用時調(diào)用钱床。

9、beforeDestroy:實例銷毀之前調(diào)用埠居。在這一步查牌,實例仍然完全可用。

10滥壕、destroyed:Vue 實例銷毀后調(diào)用纸颜。調(diào)用后,Vue 實例指示的所有東西都會解綁定绎橘,所有的事件監(jiān)聽器會被移除胁孙,所有的子實例也會被銷毀。

11称鳞、errorCaptured:當(dāng)捕獲一個來自子孫組件的錯誤時被調(diào)用涮较。此鉤子會收到三個參數(shù):錯誤對象、發(fā)生錯誤的組件實例以及一個包含錯誤來源信息的字符串冈止。此鉤子可以返回?false?以阻止該錯誤繼續(xù)向上傳播狂票。

其中beforeMountmounted熙暴,updated闺属,activated慌盯,deactivatedbeforeDestroy掂器,destroyed亚皂,在服務(wù)器端渲染期間是不被調(diào)用的。beforeUpdate:在服務(wù)器端渲染期間是不被調(diào)用的国瓮,因為只有初次渲染會在服務(wù)端進(jìn)行孕讳。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市巍膘,隨后出現(xiàn)的幾起案子厂财,更是在濱河造成了極大的恐慌,老刑警劉巖峡懈,帶你破解...
    沈念sama閱讀 206,968評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件璃饱,死亡現(xiàn)場離奇詭異,居然都是意外死亡肪康,警方通過查閱死者的電腦和手機(jī)荚恶,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,601評論 2 382
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來磷支,“玉大人谒撼,你說我怎么就攤上這事∥肀罚” “怎么了廓潜?”我有些...
    開封第一講書人閱讀 153,220評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長善榛。 經(jīng)常有香客問我辩蛋,道長,這世上最難降的妖魔是什么移盆? 我笑而不...
    開封第一講書人閱讀 55,416評論 1 279
  • 正文 為了忘掉前任悼院,我火速辦了婚禮,結(jié)果婚禮上咒循,老公的妹妹穿的比我還像新娘据途。我一直安慰自己,他們只是感情好叙甸,可當(dāng)我...
    茶點故事閱讀 64,425評論 5 374
  • 文/花漫 我一把揭開白布颖医。 她就那樣靜靜地躺著,像睡著了一般蚁署。 火紅的嫁衣襯著肌膚如雪便脊。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,144評論 1 285
  • 那天,我揣著相機(jī)與錄音哪痰,去河邊找鬼遂赠。 笑死,一個胖子當(dāng)著我的面吹牛晌杰,可吹牛的內(nèi)容都是我干的跷睦。 我是一名探鬼主播,決...
    沈念sama閱讀 38,432評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼肋演,長吁一口氣:“原來是場噩夢啊……” “哼抑诸!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起爹殊,我...
    開封第一講書人閱讀 37,088評論 0 261
  • 序言:老撾萬榮一對情侶失蹤蜕乡,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后梗夸,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體层玲,經(jīng)...
    沈念sama閱讀 43,586評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,028評論 2 325
  • 正文 我和宋清朗相戀三年反症,在試婚紗的時候發(fā)現(xiàn)自己被綠了辛块。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,137評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡铅碍,死狀恐怖润绵,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情胞谈,我是刑警寧澤尘盼,帶...
    沈念sama閱讀 33,783評論 4 324
  • 正文 年R本政府宣布,位于F島的核電站呜魄,受9級特大地震影響悔叽,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜爵嗅,卻給世界環(huán)境...
    茶點故事閱讀 39,343評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望笨蚁。 院中可真熱鬧睹晒,春花似錦、人聲如沸括细。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,333評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽奋单。三九已至锉试,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間览濒,已是汗流浹背呆盖。 一陣腳步聲響...
    開封第一講書人閱讀 31,559評論 1 262
  • 我被黑心中介騙來泰國打工拖云, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人应又。 一個月前我還...
    沈念sama閱讀 45,595評論 2 355
  • 正文 我出身青樓宙项,卻偏偏與公主長得像,于是被迫代替她去往敵國和親株扛。 傳聞我的和親對象是個殘疾皇子尤筐,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,901評論 2 345

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

  • vue生命周期 每個Vue實例或組件從創(chuàng)建到顯示再到廢棄的過程就是vue的生命周期。很多時候我們希望能在這個過程中...
    皮皮坤666閱讀 29,108評論 1 18
  • 1.vue基本生命周期 vue源碼中最終執(zhí)行生命周期函數(shù)都是調(diào)用callHook方法洞就,callHook函數(shù)的邏輯很...
    WHU_GIS_LJ閱讀 19,621評論 0 13
  • 參照翻譯 Understanding Vue.js Lifecycle Hooks 理解組件的生命周期盆繁,有利于我們...
    bacbcc94613b閱讀 5,059評論 0 6
  • 每個 Vue 實例在被創(chuàng)建時都要經(jīng)過一系列的初始化過程——例如,需要設(shè)置數(shù)據(jù)監(jiān)聽旬蟋、編譯模板油昂、將實例掛載到 DOM ...
    劉圣凱閱讀 900評論 0 1
  • 涉及到鉤子函數(shù)有:1)beforeCreate;2)created咖为;3)beforeMount秕狰;4)mounted...
    puxiaotaoc閱讀 12,729評論 1 10