話說vue的生命週期中每一個鉤子的做用

vue 生命週期和生命週期鉤子函數：

vue 的生命週期是： vue 實例從建立到銷燬，也就是從開始建立、初始化函數、編譯模板、掛載 Dom ->渲染、更新 -> 渲染、卸載 等一系列過程。 在這個過程當中也會運行一些叫作生命週期鉤子的函數，這給了用戶在不一樣階段添加本身的代碼的機會

vue 的每一個週期的鉤子函數有哪些做用

生命週期的鉤子函數總共有11個

• beforeCreate : 在實例初始化以後，數據觀測（dataobserver）和 event/watcher 事件配置以前被調用。
• created ：在實例建立完成後，被當即調用。在這一步，實例已經完後曾如下配置：①.數據觀測（data observer）②.屬性和方法運算 ③. watch/event 事件回調。然而掛載階段還沒開始，$el 屬性目前不可見。
• beforeMount ：在掛載以前被調用：相關的render函數首次被調用。
• mounted ：el 被新建立的 vm.$el 替換，並掛在到實例去以後 調用該鉤子。若是 root 實例掛載了一個文檔內元素，當 mounted 被調用時 vm.$el 也在文檔內。
• beforeUpdata : 數據更新時調用，發生在虛擬 DOM 打補丁以前。這裏適合在更新以前訪問現有的 DOM ，好比手動移除已添加的時間監聽器，該鉤子在服務器端渲染期間不被調用，由於只有初次渲染會在服務器端進行。
• updated : 因爲數據更改致使的虛擬 DOM 從新渲染和打補丁，在這以後會調用該鉤子。
• actived : keep-alive 組件激活時調用。該鉤子在服務器端渲染期間不被調用。
• deactived : keep-alive 組件停用時調用。該鉤子在服務器端渲染期間不被調用。
• beforeDestroy : 實例銷燬以前調用。在這一步，實例仍然徹底可用。該鉤子在服務器端渲染期間不被調用。
• destroy : vue 實例銷燬後調用。調用後，vue 實例指示的全部東西都會解綁定，全部的事件監聽器會被移除，全部的子實例也會被銷燬。該鉤子在服務器端渲染期間不被調用。
• errorCaptured(2.5.0+新增) ：當捕獲一個來自子孫組件的錯誤時被調用。此鉤子會收到三個參數。錯誤對象，發生錯誤的組件實例以及一個包含錯誤來源信息的字符串。此鉤子能夠返回 false 以阻止錯誤繼續向上傳播。

注意

1. mounted 、 updated 不會承諾全部的子組件也都一塊兒被掛載。若是你但願獲得整個視圖都渲染完畢，能夠用vm.$nextTick 替換掉 mounted 、 updated ：

updated: function (){
    this.$nextTick(function (){
        // Code that will run only after the
        // entire view has been re-rendered
    })
}
複製代碼

2. http 請求建議在 created 生命週期內發出 vue 生命週期圖示：

   

更多詳細請參見 vue 官網 若是有更好的建議，請在下方留言，歡迎指正！