# 组件生命周期（了解掌握） 在学习过程中还是先了解后，然后通过多写案例掌握即可。 ## 组件的生命周期 概念：在组件创建、到加载到页面上运行、以及组件被销毁的过程中，总是伴随着各种各样的事件，这些在组件特定时期，触发的事件，统称为 组件的生命周期； ## 复习Vue的生命周期 Vue总共有10个生命周期，其中8个是比较常见和常用的。 另外两个要结合`keep-alive`组件使用。  **初始** beforeCreate(){} ---不能获取数据,不能操作元素 created(){} -------可以获取数据,但是不能操作元素 操作数据 ajax **挂载(显示到页面)** beforeMount-----挂载前,可以获取数据,但是不能操作元素 **不要操作数据** mounted -----挂载后(显示到页面中了),可以获取数据,也可以操作元素 ajax 操作数据 \*\*更新(更新前) \*\* beforeUpdate---更新前 获取的元素是老的DOM树 updated---更新完成(最新数据) 获取的元素是新DOM树 **销毁** beforeDestroy----销毁前 清除定时器 destroyed -----销毁后 ## React组件的生命周期和Vue理解上略有不同。不过相差不是很大。不过也要格外注意。 我们通过**React组件生命周期**章节来完成。