vue生命週期
鉤子就好像是把人的出生到死亡分成乙個個階段，你肯定是在出生階段起名字，而不會在成年或者死亡的階段去起名字。或者說你想在出生階段去**，也是不行的。元件也是一樣，每個階段它的內部構造是不一樣的。所以一般特定的鉤子做特定的事，比如ajax獲取資料就可以在mounted階段。
生命週期**
對於執行順序和什麼時候執行，看上面兩個圖基本有個了解了。下面我們將結合**去看看鉤子函式的執行。
data: ,
beforecreate: function () ,
created: function () ,
beforemount: function () ,
mounted: function () ,
beforeupdate: function () ,
updated: function () ,
beforedestroy: function () ,
destroyed: function ()
})
由上圖可知：1、beforecreated：el 和 data 並未初始化,都為undefined
2、created:完成了 data 資料的初始化，el沒有
3、beforemount：完成了 el 和 data 初始化 此時的$el為虛擬的dom節點，p標籤裡面的文字為}
4、mounted ：
完成掛載,
ue用**釋直觀一點：
update相關
這裡面在chrome console裡執行以下命令
下面就能看到data的值被修改以後將會出發update操作
destroy相關
有關於銷毀，暫時還不是很清楚。我們在console裡執行下命令對 vue例項進行銷毀。銷毀完成後，我們再重新改變message的值，vue不再對此動作進行響應了。但是原先生成的dom元素還存在，可以這麼理解，執行了destroy操作，後續就不再受vue控制了。
Vue生命週期 鉤子函式的理解
對於實現頁面邏輯互動等效果，我們必須弄懂vue的生命週期，知道我們寫的東西應該掛載到 vue官方api給了簡單的邏輯，如下 所有的生命週期鉤子自動繫結this上，因此你可以訪問資料，屬性和方法進行運算，所以要特別注意的是不能使用箭頭函式來定義乙個生命週期方法 例如created this.fetch...
vue生命週期，鉤子函式
一 vue生命週期簡介 咱們從上圖可以很明顯的看出現在vue2.0都包括了哪些生命週期的函式了，總結一下，對官方文件的那張圖簡化一下，就得到了這張圖。二 生命週期 對於執行順序和什麼時候執行，看上面圖基本有個了解了。下面我們將結合 去看看鉤子函式的執行。鉤子函式 1.create 和 mounted...
vue 生命週期（鉤子函式）
new vue 例項物件，下一步進入beforcreate 狀態 當使用new vue 建立物件之前，執行的事件 這裡可以做載入動畫 下一步，進入created 然後，他會檢測是否有el屬性，如果有在檢測template屬性型別，是一段渲染的函式還是一段html 然後就進入了beforemount狀...