vue 生命週期（鉤子函式）

new vue()例項物件，下一步進入beforcreate

狀態：當使用new vue()建立物件之前，執行的事件

這裡可以做載入動畫

然後，他會檢測是否有el屬性，如果有在檢測template屬性型別，是一段渲染的函式還是一段html**。

然後就進入了beforemount狀態

如果沒有el屬性，就會檢測是否有vm.$mount(el)屬性

如果都沒有，渲染階段結束 跳過beforemount和mount狀態

狀態：開始編譯當前模板，編譯template模板。開始將el替換為template的內容

此時虛擬dom已經配置，但頁面仍未展示

狀態：當mounted方法一旦結束，頁面就會被渲染出來

如果有想要的頁面顯示出來之後，就可以寫到mounted方法裡

這時候就會呼叫beforeupdate和updated方法

beforeupdate

狀態：元件更新之前，頁面仍未更新，但虛擬dom已經配置

狀態：元件更新完畢，此方法執行完畢後，頁面顯示

對元件進行改變的話，一般在updated中進行

beforedestroy

狀態：vue例項銷毀之前

狀態：vue例項銷毀之後

vue生命週期，鉤子函式

一 vue生命週期簡介 咱們從上圖可以很明顯的看出現在vue2.0都包括了哪些生命週期的函式了，總結一下，對官方文件的那張圖簡化一下，就得到了這張圖。二 生命週期 對於執行順序和什麼時候執行，看上面圖基本有個了解了。下面我們將結合 去看看鉤子函式的執行。鉤子函式 1.create 和 mounted...

vue生命週期鉤子函式

什麼是生命週期？vue中的生命週期指的是 元件 從建立到銷毀乙個過程，在這個過程中，我們在每乙個特定的階段會觸發一些方法 這些方法具備一些功能 我們給這些方法起了個名字叫做 生命週期鉤子函式 元件鉤子 為什麼要學習生命週期？因為我們想在生命週期鉤子中實現專案功能，那麼我們必須知道每乙個鉤子函式的具體...

Vue 生命週期（鉤子函式）

參考 每個 vue 例項在被建立時都要經過一系列的初始化過程 例如，需要設定資料監聽 編譯模板 將例項掛載到 dom 並在資料變化時更新 dom 等。同時在這個過程中也會執行一些叫做生命週期鉤子的函式，這給了使用者在不同階段新增自己的 的機會。介紹一下幾個鉤子函式 beforecreate 元件例項...