參考博客:
https://blog.csdn.net/ygy211715/article/details/80079603
https://www.cnblogs.com/dehuachenyunfei/p/11811969.html
created官方解釋:
created是在實例創建完成后被立即調用。在這一步,實例已完成以下配置:數據觀測 (data observer),屬性和方法的運算,watch/event 事件回調。然而,掛載階段還沒開始,$el 屬性目前不可見。
所以,一般creadted鈎子函數主要是用來初始化數據。
mounted官方解釋:
el 被新創建的 vm.$el 替換,並掛載到實例上去之后調用該鈎子。如果 root 實例掛載了一個文檔內元素,當 mounted 被調用時 vm.$el 也在文檔內。
這意思是該鈎子函數是在掛在完成以后也就是模板渲染完成以后才會被調用。
因此,Dom操作一般是在mounted鈎子函數中進行的。
| 生命周期 | 是否獲取dom節點 | 是否可以獲取data | 是否獲取methods |
|---|---|---|---|
| beforeCreate | 否 | 否 | 否 |
| created | 否 | 是 | 是 |
| beforeMount | 否 | 是 | 是 |
| mounted | 是 | 是 | 是 |
