每個 Vue 組件實例在創建時(shí)都需要經曆一系列的初始化步驟，比如設置好(hǎo)數據偵聽，編譯模闆，挂載實例到(dào) DOM，以及在數據改變時(shí)更新 DOM。在此過程中，它也(yě)會(huì)運行被稱爲生命周期鈎子的函數，讓開(kāi)發者有機會(huì)在特定階段運行自(zì)己的代碼。
注冊周期鈎子
舉例來(lái)說，mounted 鈎子可以用(yòng)來(lái)在組件完成初始渲染并創建 DOM 節點後運行代碼：
js
export default {
mounted() {
console.log(`the component is now mounted.`)
}
}
還有其他(tā)一些(xiē)鈎子，會(huì)在實例生命周期的不同階段被調用(yòng)，最常用(yòng)的是 mounted、updated 和(hé) unmounted。
所有生命周期鈎子函數的 this 上(shàng)下(xià)文(wén)都會(huì)自(zì)動指向當前調用(yòng)它的組件實例。注意：避免用(yòng)箭頭函數來(lái)定義生命周期鈎子，因爲如果這(zhè)樣的話(huà)你(nǐ)将無法在函數中通過 this 獲取組件實例。
生命周期圖示
下(xià)面是實例生命周期的圖表。你(nǐ)現(xiàn)在并不需要完全理(lǐ)解圖中的所有内容，但(dàn)以後它将是一個有用(yòng)的參考。
組件生命周期圖示
有關所有生命周期鈎子及其各自(zì)用(yòng)例的詳細信息，請(qǐng)參考生命周期鈎子 API 索引。
網站(zhàn)建設開(kāi)發|APP設計(jì)開(kāi)發|小(xiǎo)程序建設開(kāi)發