Vue常用生命周期函數(shù)

1、常用生命周期函數(shù)

生命周期函數(shù)就是vue實(shí)例在某一個時間點(diǎn)會自動執(zhí)行的函數(shù)

生命周期: Vue是一個構(gòu)造函數(shù)劈榨,當(dāng)執(zhí)行執(zhí)行這個函數(shù)時刹孔,相當(dāng)于初始化vue實(shí)例泳秀;

在創(chuàng)建實(shí)例過程中桌吃,需要設(shè)置數(shù)據(jù)監(jiān)聽,編譯模板苞轿,將實(shí)例掛載到DOM上茅诱,數(shù)據(jù)更新能夠讓DOM也更新,

在這個初始化搬卒,又會不同階段默認(rèn)調(diào)用一些函數(shù)執(zhí)行瑟俭,這些函數(shù)就是生命周期的鉤子函數(shù);

1契邀、beforeCreate 剛剛初始化了一個vue空的實(shí)例對象摆寄,這時候,對象上坯门,只有默認(rèn)的一些生命周期函數(shù)和默認(rèn)事件微饥,data和methods中的數(shù)據(jù)還沒有被初始化。

2古戴、created data和methods都已經(jīng)被初始化好了欠橘,如果調(diào)用methods中的方法和操作data中的數(shù)據(jù)最早只能在created中

3、beforeMount 這一步的時候现恼,模版已經(jīng)在內(nèi)存中編譯好了肃续,但是尚未掛載到頁面中去黍檩,此時,頁面還是舊的始锚。

4刽酱、mounted 這一步 將內(nèi)存中編譯好的模版,替換到瀏覽器的頁面中去瞧捌,如果需要操作頁面上的DOM元素最早需要再mounted中進(jìn)行棵里。

5、beforeUpdated 這一步 頁面中顯示的數(shù)據(jù)還是舊的察郁,但是data中的數(shù)據(jù)是最新的衍慎,頁面尚未更新。這里會先根據(jù)data中最新的數(shù)據(jù)皮钠,在內(nèi)存中稳捆,重新渲染出一份 最新的虛擬DOM樹,當(dāng)虛擬DOM樹跟新后麦轰,會把最新的虛擬DOM渲染到頁面中去乔夯。完成從model-》view的更新。

6款侵、updated 這一步 頁面和打他數(shù)據(jù)已經(jīng)保持同步了末荐,都是最新的。

組件的生命周期函數(shù)只有beforeUpdated和updated新锈。

7甲脏、beforeDestroy 這一步 vue實(shí)例已經(jīng)從運(yùn)行階段進(jìn)入到銷毀階段,但是此時data和所有的methods妹笆,以及過濾器块请,指令還處于可用狀態(tài),沒有真正的銷毀拳缠。

8墩新、destroyed 此時 組件已經(jīng)完全被銷毀,此時data和methods窟坐,過濾器海渊,指令都已經(jīng)不可用了。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末哲鸳,一起剝皮案震驚了整個濱河市臣疑,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌徙菠,老刑警劉巖朝捆,帶你破解...
    沈念sama閱讀 211,290評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異懒豹,居然都是意外死亡芙盘,警方通過查閱死者的電腦和手機(jī)驯用,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,107評論 2 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來儒老,“玉大人蝴乔,你說我怎么就攤上這事⊥苑” “怎么了薇正?”我有些...
    開封第一講書人閱讀 156,872評論 0 347
  • 文/不壞的土叔 我叫張陵,是天一觀的道長囚衔。 經(jīng)常有香客問我挖腰,道長,這世上最難降的妖魔是什么练湿? 我笑而不...
    開封第一講書人閱讀 56,415評論 1 283
  • 正文 為了忘掉前任猴仑,我火速辦了婚禮,結(jié)果婚禮上肥哎,老公的妹妹穿的比我還像新娘辽俗。我一直安慰自己,他們只是感情好篡诽,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,453評論 6 385
  • 文/花漫 我一把揭開白布崖飘。 她就那樣靜靜地躺著,像睡著了一般杈女。 火紅的嫁衣襯著肌膚如雪朱浴。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,784評論 1 290
  • 那天达椰,我揣著相機(jī)與錄音翰蠢,去河邊找鬼。 笑死砰碴,一個胖子當(dāng)著我的面吹牛躏筏,可吹牛的內(nèi)容都是我干的板丽。 我是一名探鬼主播呈枉,決...
    沈念sama閱讀 38,927評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼埃碱!你這毒婦竟也來了猖辫?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,691評論 0 266
  • 序言:老撾萬榮一對情侶失蹤砚殿,失蹤者是張志新(化名)和其女友劉穎啃憎,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體似炎,經(jīng)...
    沈念sama閱讀 44,137評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡辛萍,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,472評論 2 326
  • 正文 我和宋清朗相戀三年悯姊,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片贩毕。...
    茶點(diǎn)故事閱讀 38,622評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡悯许,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出辉阶,到底是詐尸還是另有隱情先壕,我是刑警寧澤,帶...
    沈念sama閱讀 34,289評論 4 329
  • 正文 年R本政府宣布谆甜,位于F島的核電站垃僚,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏规辱。R本人自食惡果不足惜谆棺,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,887評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望按摘。 院中可真熱鬧包券,春花似錦、人聲如沸炫贤。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽兰珍。三九已至侍郭,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間掠河,已是汗流浹背亮元。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評論 1 265
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留唠摹,地道東北人爆捞。 一個月前我還...
    沈念sama閱讀 46,316評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像勾拉,于是被迫代替她去往敵國和親煮甥。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,490評論 2 348

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