[JavaScript知识库]Vue的生命周期钩子（自我解析）

共有八个基本钩子函数

创造期，挂载期，更新期，销毁期
1.beforeCreate --创建前
触发的行为：vue实例的挂载元素$el和数据对象data都为undefined，还未初始化。
在此阶段可以加loading事件

2.created --创建后
触发的行为：vue实例的数据对象data有了，el还没有
在此阶段：解决loading，请求ajax数据为mounted渲染做准备

3.beforeMount --挂载前
触发的行为：vue实例的$el和data都初始化了，但还是虚拟的dom节点，具体的data还未替换
?

4.mounted --挂载后
触发的行为：vue实例挂载完成，data成功渲染
在此阶段：配合路由钩子使用

5.beforeUpdate --更新前
触发的行为：data更新时触发
在此阶段，数据将准备重新渲染

6.updated —更新后
触发的行为：data更新时触发
在此阶段：数据更新时，做一些处理（此处也可以用watch进行观测）

7.beforeDestroy —销毁前
触发的行为：组件销毁时触发
在此阶段：可向用户询问是否销毁

8.destroyed —销毁后
触发的行为：组件销毁时触发，vue实例解除了事件监听以及和dom的绑定（无响应了），但DOM节点依旧存在
在此阶段：组件销毁时进行提示