一、vue生命週期簡介
咱們從上圖可以很明顯的看出現在vue2.0都包括了哪些生命週期的函式了，總結一下，對官方文件的那張圖簡化一下，就得到了這張圖。
二、生命週期**
對於執行順序和什麼時候執行，看上面圖基本有個了解了。下面我們將結合**去看看鉤子函式的執行。
鉤子函式
beforecreated：el 和 data 並未初始化另外在標紅處，我們能發現el還是 }，這裡就是應用的 virtual dom（虛擬dom）技術，先把坑佔住了。到後面mounted掛載的時候再把值渲染進去。created:完成了 data 資料的初始化，el沒有
beforemount：完成了 el 和 data 初始化
mounted ：完成掛載
我們單擊頁面中的「更新資料」按鈕，將資料更新。下面就能看到data裡的值被修改後，將會觸發update的操作。
ps:注意beforeupdate是指view層的資料變化前，不是data中的資料改變前觸發。因為vue是資料驅動的。注意觀察彈窗就容易發現。
銷毀完成後，我們再重新改變message的值，vue不再對此動作進行響應了。但是原先生成的dom元素還存在，可以這麼理解，執行了destroy操作，後續就不再受vue控制了。因為這個vue例項已經不存在了。
我們單擊頁面中的「銷毀」按鈕，將指定的vue例項銷毀。
三、生命週期總結
vue 生命週期（鉤子函式）
new vue 例項物件，下一步進入beforcreate 狀態 當使用new vue 建立物件之前，執行的事件 這裡可以做載入動畫 下一步，進入created 然後，他會檢測是否有el屬性，如果有在檢測template屬性型別，是一段渲染的函式還是一段html 然後就進入了beforemount狀...
vue生命週期鉤子函式
什麼是生命週期？vue中的生命週期指的是 元件 從建立到銷毀乙個過程，在這個過程中，我們在每乙個特定的階段會觸發一些方法 這些方法具備一些功能 我們給這些方法起了個名字叫做 生命週期鉤子函式 元件鉤子 為什麼要學習生命週期？因為我們想在生命週期鉤子中實現專案功能，那麼我們必須知道每乙個鉤子函式的具體...
Vue 生命週期（鉤子函式）
參考 每個 vue 例項在被建立時都要經過一系列的初始化過程 例如，需要設定資料監聽 編譯模板 將例項掛載到 dom 並在資料變化時更新 dom 等。同時在這個過程中也會執行一些叫做生命週期鉤子的函式，這給了使用者在不同階段新增自己的 的機會。介紹一下幾個鉤子函式 beforecreate 元件例項...