- beforecreate :
完成實(shí)例初始化，初始化非響應(yīng)式變量
this指向創(chuàng)建的實(shí)例；
可以在這加個(gè)loading事件晴弃；
data computed watch methods上的方法和數(shù)據(jù)均不能訪問 - created
實(shí)例創(chuàng)建完成
完成數(shù)據(jù)(data props computed)的初始化 導(dǎo)入依賴項(xiàng)廓脆。
可訪問data computed watch methods上的方法和數(shù)據(jù)
未掛載DOM,不能訪問$el,$ref為空數(shù)組
可在這結(jié)束loading，還做一些初始化族操，實(shí)現(xiàn)函數(shù)自執(zhí)行,
可以對data數(shù)據(jù)進(jìn)行操作，可進(jìn)行一些請求比被，請求不易過多色难，避免白屏?xí)r間太長。
若在此階段進(jìn)行的 DOM 操作一定要放在 Vue.nextTick() 的回調(diào)函數(shù)中 - berofeMount
有了el,編譯了template|/outerHTML
能找到對應(yīng)的template,并編譯成render函數(shù) - mounted
完成創(chuàng)建vm.$el等缀，和雙向綁定枷莉，
完成掛載DOM 和渲染;可在mounted鉤子對掛載的dom進(jìn)行操作
即有了DOM 且完成了雙向綁定 可訪問DOM節(jié)點(diǎn),$ref
可在這發(fā)起后端請求，拿回?cái)?shù)據(jù)尺迂，配合路由鉤子做一些事情笤妙； - beforeUpdate
數(shù)據(jù)更新之前
可在更新前訪問現(xiàn)有的DOM,如手動(dòng)移除添加的事件監(jiān)聽器； - updated :
完成虛擬DOM的重新渲染和打補(bǔ)对朐！蹲盘；
組件DOM 已完成更新；
可執(zhí)行依賴的dom 操作
注意：不要在此函數(shù)中操作數(shù)據(jù)膳音，會(huì)陷入死循環(huán)的召衔。 - activated:
在使用vue-router時(shí)有時(shí)需要使用<keep-alive></keep-alive>來緩存組件狀態(tài)，這個(gè)時(shí)候created鉤子就不會(huì)被重復(fù)調(diào)用了祭陷，
如果我們的子組件需要在每次加載的時(shí)候進(jìn)行某些操作苍凛，可以使用activated鉤子觸發(fā) - deactivated
for keep-alive 組件被移除時(shí)使用 - beforeDestroy：
在執(zhí)行app.$destroy()之前
可做一些刪除提示趣席，如：你確認(rèn)刪除XX嗎？
可用于銷毀定時(shí)器毫深，解綁全局時(shí)間 銷毀插件對象 - destroyed ：
當(dāng)前組件已被刪除吩坝，銷毀監(jiān)聽事件 組件 事件 子實(shí)例也被銷毀
這時(shí)組件已經(jīng)沒有了，你無法操作里面的任何東西了哑蔫。
Vue生命周期
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門师溅，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人盾舌，你說我怎么就攤上這事墓臭。” “怎么了妖谴？”我有些...
- 文/不壞的土叔 我叫張陵窿锉，是天一觀的道長。 經(jīng)常有香客問我膝舅，道長嗡载，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任仍稀，我火速辦了婚禮洼滚，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘技潘。我一直安慰自己遥巴，他們只是感情好，可當(dāng)我...
- 文/花漫 我一把揭開白布崭篡。 她就那樣靜靜地躺著，像睡著了一般吧秕。 火紅的嫁衣襯著肌膚如雪琉闪。 梳的紋絲不亂的頭發(fā)上，一...
- 文/蒼蘭香墨 我猛地睜開眼滴某，長吁一口氣：“原來是場噩夢啊……” “哼磅摹！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起霎奢，我...
- 序言：老撾萬榮一對情侶失蹤户誓，失蹤者是張志新（化名）和其女友劉穎，沒想到半個(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級特大地震影響刷喜，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜立砸，卻給世界環(huán)境...
- 文/蒙蒙 一掖疮、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧颗祝，春花似錦浊闪、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至倔幼，卻和暖如春盖腿，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背。 一陣腳步聲響...
- 正文 我出身青樓茂卦，卻偏偏與公主長得像何什，于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子等龙，可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 前言 使用Vue在日常開發(fā)中會(huì)頻繁接觸和使用生命周期,在官方文檔中是這么解釋生命周期的: 每個(gè) Vue 實(shí)例在被創(chuàng)...
- Vue知識(shí)點(diǎn)的總結(jié) Vue中的指令及其基本語法： 第一步：從官網(wǎng)上下載vue開發(fā)版本的js文件 引入js文件 ...
- vue概述 在官方文檔中，有一句話對Vue的定位說的很明確：Vue.js 的核心是一個(gè)允許采用簡潔的模板語法來聲明...
