了解vue的生命周期函數(shù)和運(yùn)行中事件,有助于我們更好地使用vue
四個(gè)周期函數(shù):
- beforeCreate :
第一個(gè)生命周期函數(shù)昌抠,此時(shí)vue實(shí)例已經(jīng)創(chuàng)建吝梅,但data和methods還沒(méi)有初始化 - created:
第二個(gè)生命周期函數(shù),能夠獲取data中的數(shù)據(jù)和methods中的方法 - beforeMount :
第三個(gè)生命周期函數(shù),模板已經(jīng)在內(nèi)存中編譯完成洽洁,但尚未渲染到頁(yè)面中
-mounted
第四個(gè)生命周期函數(shù), 內(nèi)存中的模板已經(jīng)渲染到頁(yè)面,用戶可以看到渲染好的頁(yè)面
兩個(gè)運(yùn)行中的事件(可以監(jiān)聽數(shù)據(jù)變動(dòng))
- beforeUpdate
data中的數(shù)據(jù)已經(jīng)是最新的,而頁(yè)面中顯示的數(shù)據(jù)還是舊的澎剥,兩者尚未同步 - updated
此時(shí),data中的數(shù)據(jù)與頁(yè)面中的數(shù)據(jù)已經(jīng)同步更新
參考網(wǎng)站:http://www.reibang.com/p/a0933b719fb5