從官網(wǎng)上的vue的生命周期圖可以看出
-
created:在模板渲染成html前調(diào)用，即通常初始化某些屬性值，然后再渲染成視圖。 -
mounted:在模板渲染成html后調(diào)用哥放，通常是初始化頁(yè)面完成后，再對(duì)html的dom節(jié)點(diǎn)進(jìn)行一些需要的操作爹土。
簡(jiǎn)單來(lái)說(shuō)甥雕，mounted的時(shí)候，頁(yè)面已經(jīng)完成DOM樹的構(gòu)建胀茵，可以通過(guò)document.getElementById等方法多dom節(jié)點(diǎn)進(jìn)行操作>
如Echarts初始化圖標(biāo)的時(shí)候社露，需要先var charts= document.getElementById(ID);獲取到節(jié)點(diǎn),這個(gè)時(shí)候就會(huì)需要寫在mounted鉤子中，寫在created中就會(huì)發(fā)現(xiàn)報(bào)錯(cuò)琼娘，無(wú)法獲取此節(jié)點(diǎn)峭弟。
執(zhí)行順序
嵌套組件中兩者的執(zhí)行順序不同。
- 父組件 created
- 子組件 created
- 子組件 mounted
- 父組件 mounted
