首先大致看一下官網生命週期圖
鉤子函式
觸發的行為
在此階段可以做的事情
beforecreadted
vue例項的掛載元素$el和資料物件data都為undefined，還未初始化。
加loading事件
created
vue例項的資料物件data有了，$el還沒有
結束loading、請求資料為mounted渲染做準備
beforemount
vue例項的$el和data都初始化了，但還是虛擬的dom節點，具體的data.msg還未替換。
-mounted
vue例項掛載完成，data.msg成功渲染
配合路由鉤子使用
beforeupdate
data更新時觸發
-updated
data更新時觸發
資料更新時，做一些處理（此處也可以用watch進行觀測）
beforedestroy
元件銷毀時觸發
-destroyed
元件銷毀時觸發，vue例項解除了事件監聽以及和dom的繫結（無響應了），但dom節點依舊存在
元件銷毀時進行提示
測試**：
lang
="en"
>
>
charset
="utf-8"
/>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
/>
>
documenttitle
>
head
>
>
>
>
}h1>
@click
="handleclick"
>
>
@click
="msg='?'
">
改變msgbutton
>
@click
="handledestory"
>
銷毀元件button
>
div>
body
>
vue生命週期，鉤子函式
一 vue生命週期簡介 咱們從上圖可以很明顯的看出現在vue2.0都包括了哪些生命週期的函式了，總結一下，對官方文件的那張圖簡化一下，就得到了這張圖。二 生命週期 對於執行順序和什麼時候執行，看上面圖基本有個了解了。下面我們將結合 去看看鉤子函式的執行。鉤子函式 1.create 和 mounted...
vue 生命週期（鉤子函式）
new vue 例項物件，下一步進入beforcreate 狀態 當使用new vue 建立物件之前，執行的事件 這裡可以做載入動畫 下一步，進入created 然後，他會檢測是否有el屬性，如果有在檢測template屬性型別，是一段渲染的函式還是一段html 然後就進入了beforemount狀...
vue生命週期鉤子函式
什麼是生命週期？vue中的生命週期指的是 元件 從建立到銷毀乙個過程，在這個過程中，我們在每乙個特定的階段會觸發一些方法 這些方法具備一些功能 我們給這些方法起了個名字叫做 生命週期鉤子函式 元件鉤子 為什麼要學習生命週期？因為我們想在生命週期鉤子中實現專案功能，那麼我們必須知道每乙個鉤子函式的具體...