? ? ? ? 在編程領域生命周期指的即一個對象從創建到銷毀的過程。
? ? ? ? Vue的生命周期大概分為四個階段:
創建階段
? ? ? ? 在該階段,vue的主要工作是為渲染模板做準備工作。比如處理data中的數據,使其變為響應式數據。在html中普通的數據往往不具備響應式等一系列屬性,需要我們自己去創建監聽器等等,才能將其變為響應式。
data: {birthYear:2025,name:"蔡徐坤",obj:{name:"蔡徐坤",age:18}
}
掛載階段
? ? ? ? 該階段即將準備好的資源渲染成一個個模板。比如我們的插值表達式。在普通的html里是不能通過插值表達式的方法嵌入數據的(包括響應式、實時更新等功能)。該階段vue就會將有關于vue的相關元素進行渲染,比如將插值表達式的數據替換掉雙花括號。
<div id="app" class="container"><div><input type="number" v-model="birthYear">-<input type="text" v-model="name"></div><br><br><div><button @click="change">修改</button></div>
</div>
更新階段
? ? ? ? 當模板渲染完之后,該階段則根據Vue的環境的變動(比如響應式的數據更新了)進行更新。該階段也就是用戶們使用時看到的階段。
銷毀階段?????????
? ? ? ? 進行相關內存資源回收,數據保存等一系列工作。