vue生命周期函數created與mounted執行順序
created
為第二個生命周期函數,在 created 中,data 和 methods 都已經被初始化好了! 如果要調用 methods 中的方法,或者操作 data 中的數據,最早,只能在 created 中操作
mounted
為第四個生命周期函數,表示,內存中的模板,已經真實的掛載到了頁面中,用戶已經可以看到渲染好的頁面了
注意: mounted 是 實例創建期間的最后一個生命周期函數,當執行完 ##mounted 就表示,實例已經被完全創建好了,此時,如果沒有其它操作的話,這個實例,就靜靜的 躺在我們的內存中,一動不動
此時,表示vue實例已經初始化完畢了,組建已脫離創建階段,進入運行階段了。
執行順序:
created:在模板渲染成html前調用,即通常初始化某些屬性值,然后再渲染成視圖。
mounted:在模板渲染成html后調用,通常是初始化頁面完成后,再對html的dom節點進行一些需要的操作。