所有的生命週期鉤子自動繫結 this 上下文到例項中，因此你可以訪問資料，對屬性和方法進行運算。這意味著 你不能使用箭頭函式來定義一個生命週期方法 (例如 created: () => this.fetchTodos())。這是因為箭頭函式綁定了父上下文，因此 this 與你期待的 Vue 例項不同， this.fetchTodos 的行為未定義。

1）beforeCreate 型別Function
在例項初始化之後，資料觀測(data observer) 和 event/watcher 事件配置之前被呼叫。

2）created
例項已經建立完成之後被呼叫。在這一步，例項已完成以下的配置：資料觀測(data observer)，屬性和方法的運算， watch/event 事件回撥。然而，掛載階段還沒開始，$el 屬性目前不可見。

3）beforeMount
在掛載開始之前被呼叫：相關的 render 函式首次被呼叫。
該鉤子在伺服器端渲染期間不被呼叫。

4）mounted
el 被新建立的 vm.$el 替換，並掛載到例項上去之後呼叫該鉤子。如果 root 例項掛載了一個文件內元素，當 mounted 被呼叫時 vm.$el 也在文件內。
該鉤子在伺服器端渲染期間不被呼叫。

5）beforeUpdate
資料更新時呼叫，發生在虛擬 DOM 重新渲染和打補丁之前。
你可以在這個鉤子中進一步地更改狀態，這不會觸發附加的重渲染過程。
該鉤子在伺服器端渲染期間不被呼叫。

6）updated
由於資料更改導致的虛擬 DOM 重新渲染和打補丁，在這之後會呼叫該鉤子。
當這個鉤子被呼叫時，元件 DOM 已經更新，所以你現在可以執行依賴於 DOM 的操作。然而在大多數情況下，你應該避免在此期間更改狀態，因為這可能會導致更新無限迴圈。
該鉤子在伺服器端渲染期間不被呼叫。

7）beforeDestroy
例項銷燬之前呼叫。在這一步，例項仍然完全可用。
該鉤子在伺服器端渲染期間不被呼叫。

8）destroyed this.$destroy()
Vue 例項銷燬後呼叫。呼叫後，Vue 例項指示的所有東西都會解繫結，所有的事件監聽器會被移除，所有的子例項也會被銷燬。
該鉤子在伺服器端渲染期間不被呼叫。

(面試題)

1、什麼是vue生命週期？
答： Vue 例項從建立到銷燬的過程，就是生命週期。也就是從開始建立、初始化資料、編譯模板、掛載Dom→渲染、更新→渲染、解除安裝等一系列過程，我們稱這是 Vue 的生命週期。

2、vue生命週期的作用是什麼？

3、vue生命週期總共有幾個階段？
答：總共分為8個階段建立前/後，載入前/後，更新前/後，銷燬前/後。
建立前/後： 在beforeCreated階段，vue例項的掛載元素$el和資料物件data都為undefined，還未初始化。在created階段，vue例項的資料物件data有了，$el還沒有。
載入前/後：在beforeMount階段，vue例項的$el和data都初始化了，但還是掛載之前為虛擬的dom節點，data.message還未替換。在mounted階段，vue例項掛載完成，data.message成功渲染。
更新前/後：當data變化時，會觸發beforeUpdate和updated方法。
銷燬前/後：在執行destroy方法後，對data的改變不會再觸發周期函式，說明此時vue例項已經解除了事件監聽以及和dom的繫結，但是dom結構依然存在

4、第一次頁面載入會觸發哪幾個鉤子？
答：第一次頁面載入時會觸發 beforeCreate, created, beforeMount, mounted 這幾個鉤子

5、DOM 渲染在 哪個週期中就已經完成？
答：DOM 渲染在 mounted 中就已經完成了。

6、簡單描述每個週期具體適合哪些場景？
答：生命週期鉤子的一些使用方法： beforecreate : 可以在這加個loading事件，在載入例項時觸發 created : 初始化完成時的事件寫在這裡，如在這結束loading事件，非同步請求也適宜在這裡呼叫 mounted : 掛載元素，獲取到DOM節點 updated : 如果對資料統一處理，在這裡寫上相應函式 beforeDestroy : 可以做一個確認停止事件的確認框 nextTick : 更新資料後立即操作dom