created
為第二個生命周期函數(shù),在 created 中,data 和 methods 都已經(jīng)被初始化好了! 如果要調(diào)用 methods 中的方法,或者操作 data 中的數(shù)據(jù)毙芜,最早,只能在 created 中操作
mounted
為第四個生命周期函數(shù)争拐,表示腋粥,內(nèi)存中的模板,已經(jīng)真實的掛載到了頁面中架曹,用戶已經(jīng)可以看到渲染好的頁面了
注意: mounted 是 實例創(chuàng)建期間的最后一個生命周期函數(shù)隘冲,當執(zhí)行完 ##mounted 就表示,實例已經(jīng)被完全創(chuàng)建好了音瓷,此時对嚼,如果沒有其它操作的話,這個實例绳慎,就靜靜的 躺在我們的內(nèi)存中纵竖,一動不動
此時,表示vue實例已經(jīng)初始化完畢了杏愤,組建已脫離創(chuàng)建階段靡砌,進入運行階段了。
執(zhí)行順序:
created:在模板渲染成html前調(diào)用珊楼,即通常初始化某些屬性值通殃,然后再渲染成視圖。
mounted:在模板渲染成html后調(diào)用厕宗,通常是初始化頁面完成后画舌,再對html的dom節(jié)點進行一些需要的操作。
轉(zhuǎn)載地址:http://www.itqstars.com/blog/50