每個(gè) Vue 組件實(shí)例在創(chuàng)建時(shí)都需要經(jīng)歷一系列的初始化步驟，比如設(shè)置好數(shù)據(jù)偵聽，編譯模板，掛載實(shí)例到 DOM，以及在數(shù)據(jù)改變時(shí)更新 DOM。在此過程中，它也會(huì)運(yùn)行被稱為生命周期鉤子的函數(shù)，讓開發(fā)者有機(jī)會(huì)在特定階段運(yùn)行自己的代碼。

注冊(cè)周期鉤子

舉例來說，mounted 鉤子可以用來在組件完成初始渲染并創(chuàng)建 DOM 節(jié)點(diǎn)后運(yùn)行代碼：

還有其他一些鉤子，會(huì)在實(shí)例生命周期的不同階段被調(diào)用，最常用的是 mounted、updated 和 unmounted。

生命周期圖示

下面是實(shí)例生命周期的圖表。你現(xiàn)在并不需要完全理解圖中的所有內(nèi)容，但以后它將是一個(gè)有用的參考。

有關(guān)所有生命周期鉤子及其各自用例的詳細(xì)信息，請(qǐng)參考生命周期鉤子 API 索引。