4.4.5 组件的生命周期

生命周期：创建-运行-销毁 【强调时间段】

生命周期函数：伴随着组件的生命周期的内置函数，自动按次序执行【强调时间点】

创建阶段的四个生命周期函数：【只能运行一次】

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结构已被完全移除