Vue框架為我們提供了一些生命周期方法,其中最常見的一個(gè)是created(),下面我們就來詳細(xì)了解一下這個(gè)方法。
created() { // 在實(shí)例創(chuàng)建后調(diào)用,此階段完成了數(shù)據(jù)的觀測(cè)、屬性和方法的運(yùn)算、事件回調(diào)的初始化 }
該生命周期方法在實(shí)例創(chuàng)建后執(zhí)行,該階段完成了以下任務(wù):
- 數(shù)據(jù)的觀測(cè):Vue會(huì)遍歷data選項(xiàng)中的所有屬性,使用Object.defineProperty將其轉(zhuǎn)換為getter和setter,并收集依賴用于后續(xù)更新視圖。
- 屬性和方法的運(yùn)算:Vue會(huì)將computed選項(xiàng)中的計(jì)算屬性轉(zhuǎn)換為getter和setter,并將methods選項(xiàng)中的所有方法掛載到Vue實(shí)例上。
- 事件回調(diào)的初始化:Vue會(huì)遍歷所有的事件指令,并創(chuàng)建他們的事件監(jiān)聽器。
從上述任務(wù)可以看出,created()方法是Vue實(shí)例創(chuàng)建后的一個(gè)重要階段,它為后續(xù)的數(shù)據(jù)更新和視圖更新打下了基礎(chǔ)。