先vue實(shí)例初始化，再進(jìn)行以下過程：
beforeCreated ~ created 之間
數(shù)據(jù)觀測 (data observer) 和 event/watcher 事件配置之前被調(diào)用
暴露屬性和方法——就是vue實(shí)例自帶的一些屬性和方法
注意：此時(shí)，無法獲取 data中的數(shù)據(jù)、methods中的方法created ~beforeMount
模板編譯完成，但未掛載
注意：可以調(diào)用methods中的方法、改變data中的數(shù)據(jù)mounted
vue實(shí)例已經(jīng)掛載到頁面中，可以獲取到el中的DOM元素，進(jìn)行DOM操作
4.beforeUpdated()
數(shù)據(jù)更新時(shí)調(diào)用，發(fā)生在虛擬 DOM 重新渲染和打補(bǔ)丁之前。你可以在這個(gè)鉤子中進(jìn)一步地更改狀態(tài)，這不會(huì)觸發(fā)附加的重渲染過程。
5.updated()
組件 DOM 已經(jīng)更新，所以你現(xiàn)在可以執(zhí)行依賴于 DOM 的操作。
6.beforeDestroy()
實(shí)例銷毀之前調(diào)用。在這一步，實(shí)例仍然完全可用。
使用場景：實(shí)例銷毀之前，執(zhí)行清理任務(wù)，比如：清除定時(shí)器等
-
destroyed()
Vue 實(shí)例銷毀后調(diào)用。調(diào)用后，Vue 實(shí)例指示的所有東西都會(huì)解綁定，所有的事件監(jiān)聽器會(huì)被移除，所有的子實(shí)例也會(huì)被銷毀。
image.png
