Vue生命周期函數(shù)詳解解讀

// 這里是創(chuàng)建階段的生命周期

beforeCreate() {

????// 第一個生命周期函數(shù)栈幸,表示實例完全被創(chuàng)建出來之前淳附,會執(zhí)行它

},

created() {

????// 第二個生命周期函數(shù)

},

beforeMount() {

????// 第三個生命周期函數(shù),表示 模板已經(jīng)在內(nèi)存中編輯完成了蒙保,但是尚未把模板渲染到頁面中

????// 在beforeMount執(zhí)行的時候辕棚,頁面中的元素,還沒有被真正替換過來追他,只是之前寫的一些模板字符串

},

mounted() {

????// 第四個生命周期函數(shù)坟募,表示,內(nèi)存中的模板邑狸,已經(jīng)真實的掛載到了頁面中懈糯,用戶已經(jīng)可以看到渲染好的頁面了

????// 實例創(chuàng)建期間的最后一個生命周期函數(shù),當(dāng)執(zhí)行完mounted就表示单雾,實例而已經(jīng)被完全創(chuàng)建好了粥鞋,此時茴肥,如果沒有其它操作的話,這個實例就靜靜的躺在我們的內(nèi)存中,一動不動

????// 如果要通過某些插件操作頁面上的dom節(jié)點,最早要在mounted中進行

????// 只要執(zhí)行完了mounted涂炎,就表示整個vue實例已經(jīng)初始化完畢了烂完,此時組件脫離了創(chuàng)建階段,進入到運行階段

},

// 這里是運行階段的生命周期函數(shù)

// 會根據(jù)data數(shù)據(jù)的改變茄菊,有選擇性的觸發(fā)0次到多次

beforeUpdate() {

????// 這時候表示我們的界面還沒有被更新 【數(shù)據(jù)更新了】

? ? // 當(dāng)執(zhí)行beforeUpdate的時候疯潭,頁面中的顯示的數(shù)據(jù),還是舊的面殖,此時data數(shù)據(jù)是最新的竖哩,頁面尚未和最新的數(shù)據(jù)保持同步

},

updated() {

????// updated 事件執(zhí)行的時候,頁面和data數(shù)據(jù)已經(jīng)保持同步了脊僚,都是最新的

},

beforeDestroy() {

????// 當(dāng)執(zhí)行beforeDestroy鉤子函數(shù)的時候相叁,vue實例就已經(jīng)從運行階段,進入到了銷毀階段

? ? // 當(dāng)執(zhí)行beforeDestroy的時候辽幌,實例身上所有的打他和所有的methods增淹,以及過濾器..指令..... 都處于可用狀態(tài),此時舶衬,還沒有真正執(zhí)行銷毀的過程

},

destroyed() {

????// 當(dāng)執(zhí)行到destroyed函數(shù)的時候埠通,組件已經(jīng)被完全銷毀了,此時逛犹,組件中所有的數(shù)據(jù)端辱、方法梁剔、指令、過濾器...都已經(jīng)不可用了

}

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末舞蔽,一起剝皮案震驚了整個濱河市荣病,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌渗柿,老刑警劉巖个盆,帶你破解...
    沈念sama閱讀 219,589評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異朵栖,居然都是意外死亡颊亮,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,615評論 3 396
  • 文/潘曉璐 我一進店門陨溅,熙熙樓的掌柜王于貴愁眉苦臉地迎上來终惑,“玉大人,你說我怎么就攤上這事门扇”⒂校” “怎么了?”我有些...
    開封第一講書人閱讀 165,933評論 0 356
  • 文/不壞的土叔 我叫張陵臼寄,是天一觀的道長霸奕。 經(jīng)常有香客問我,道長吉拳,這世上最難降的妖魔是什么质帅? 我笑而不...
    開封第一講書人閱讀 58,976評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮留攒,結(jié)果婚禮上临梗,老公的妹妹穿的比我還像新娘。我一直安慰自己稼跳,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,999評論 6 393
  • 文/花漫 我一把揭開白布吃沪。 她就那樣靜靜地躺著汤善,像睡著了一般。 火紅的嫁衣襯著肌膚如雪票彪。 梳的紋絲不亂的頭發(fā)上红淡,一...
    開封第一講書人閱讀 51,775評論 1 307
  • 那天,我揣著相機與錄音降铸,去河邊找鬼在旱。 笑死,一個胖子當(dāng)著我的面吹牛推掸,可吹牛的內(nèi)容都是我干的桶蝎。 我是一名探鬼主播驻仅,決...
    沈念sama閱讀 40,474評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼登渣!你這毒婦竟也來了噪服?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,359評論 0 276
  • 序言:老撾萬榮一對情侶失蹤胜茧,失蹤者是張志新(化名)和其女友劉穎粘优,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體呻顽,經(jīng)...
    沈念sama閱讀 45,854評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡雹顺,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,007評論 3 338
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了廊遍。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片嬉愧。...
    茶點故事閱讀 40,146評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖昧碉,靈堂內(nèi)的尸體忽然破棺而出英染,到底是詐尸還是另有隱情,我是刑警寧澤被饿,帶...
    沈念sama閱讀 35,826評論 5 346
  • 正文 年R本政府宣布四康,位于F島的核電站,受9級特大地震影響狭握,放射性物質(zhì)發(fā)生泄漏闪金。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,484評論 3 331
  • 文/蒙蒙 一论颅、第九天 我趴在偏房一處隱蔽的房頂上張望哎垦。 院中可真熱鬧,春花似錦恃疯、人聲如沸漏设。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,029評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽郑口。三九已至,卻和暖如春盾鳞,著一層夾襖步出監(jiān)牢的瞬間犬性,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,153評論 1 272
  • 我被黑心中介騙來泰國打工腾仅, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留乒裆,地道東北人。 一個月前我還...
    沈念sama閱讀 48,420評論 3 373
  • 正文 我出身青樓推励,卻偏偏與公主長得像鹤耍,于是被迫代替她去往敵國和親肉迫。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,107評論 2 356