生命周期:创建-运行-销毁 【强调时间段】
生命周期函数:伴随着组件的生命周期的内置函数,自动按次序执行【强调时间点】
创建阶段的四个生命周期函数:【只能运行一次】
1.beforeCreate函数:初始化事件和生命周期函数 组件的props/data/methods尚未被创建,不可用状态
2.created函数:初始化props/data/methods处于可用状态,组件的模板结构尚未生成【重要:常用于发起Ajax请求拿数据(经常在created里调用methods中的方法,请求服务器的数据,并且把请求到的数据转存到data中,供template模板渲染的时候使用)】
3.beforeMount函数:即将把内存中编译好的HTML结构渲染到浏览器,浏览器还没有当前组件的DOM结构
4.mounted函数:已经把内存中的HTML结构成功渲染到浏览器中,浏览器已经包含了当前组件的DOM结构
运行阶段的两个生命周期函数:【在data数据发送变化的时候才会被执行,最少执行0次,最多执行无数次】
1.beforeUpdate函数:即将要根据变化过后的最新数据重新渲染到组件的模板结构
2.uodated函数:完成了组件DOM结构的重新渲染【重点】
销毁阶段:【只会执行一次】
1.beforeDestroy函数:即将销毁此组件,尚未销毁,组件处于正常工作状态
2.destroyed函数:组件已经被销毁,此组件在浏览器中对应的DOM结构已被完全移除