# 組件生命周期（了解掌握） 在學習過程中還是先了解后，然后通過多寫案例掌握即可。 ## 組件的生命周期 概念：在組件創建、到加載到頁面上運行、以及組件被銷毀的過程中，總是伴隨著各種各樣的事件，這些在組件特定時期，觸發的事件，統稱為 組件的生命周期； ## 復習Vue的生命周期 Vue總共有10個生命周期，其中8個是比較常見和常用的。 另外兩個要結合`keep-alive`組件使用。  **初始** beforeCreate(){} ---不能獲取數據,不能操作元素 created(){} -------可以獲取數據,但是不能操作元素 操作數據 ajax **掛載(顯示到頁面)** beforeMount-----掛載前,可以獲取數據,但是不能操作元素 **不要操作數據** mounted -----掛載后(顯示到頁面中了),可以獲取數據,也可以操作元素 ajax 操作數據 \*\*更新(更新前) \*\* beforeUpdate---更新前 獲取的元素是老的DOM樹 updated---更新完成(最新數據) 獲取的元素是新DOM樹 **銷毀** beforeDestroy----銷毀前 清除定時器 destroyed -----銷毀后 ## React組件的生命周期和Vue理解上略有不同。不過相差不是很大。不過也要格外注意。 我們通過**React組件生命周期**章節來完成。