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