溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“vue組件各個生命周期是什么”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“vue組件各個生命周期是什么”文章能幫助大家解決問題。
要掌握每個生命周期什么時候被調用
1.beforeCreate 在實例初始化之后，數據觀測(data observer) 之前被調用。
2.created 實例已經創建完成之后被調用。在這一步，實例已完成以下的配置：數據觀測(data observer)，屬性和方法的運算，watch/event 事件回調。這里沒有$el
3.beforeMount 在掛載開始之前被調用：相關的 render 函數首次被調用。
4.mounted el 被新創建的 vm.$el 替換，并掛載到實例上去之后調用該鉤子。
5.beforeUpdate 數據更新時調用，發生在虛擬 DOM 重新渲染和打補丁之前。
6.updated 由于數據更改導致的虛擬 DOM 重新渲染和打補丁，在這之后會調用該鉤子。
7.beforeDestroy 實例銷毀之前調用。在這一步，實例仍然完全可用。
8.destroyed Vue 實例銷毀后調用。調用后， Vue實例指示的所有東西都會解綁定，所有的事件監聽器會被移除，所有的子實例也會被銷毀。 該鉤子在服務器端渲染期間不被調用
要掌握每個生命周期內部可以做什么事
1.created 實例已經創建完成，因為它是最早觸發的原因可以進行一些數據，資源的請求。
2.mounted 實例已經掛載完成，可以進行一些DOM操作
3.beforeUpdate 可以在這個鉤子中進一步地更改狀態，這不會觸發附加的重渲染過程。
4.updated 可以執行依賴于 DOM 的操作。然而在大多數情況下，你應該避免在此期間更改狀態，因為這可能會導致更新無限循環。該鉤子在服務器端渲染期間不被調用。
5.destroyed 可以執行一些優化操作,清空定時器，解除綁定事件
關于“vue組件各個生命周期是什么”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
