Vue的生命周期钩子函数

一、Vue的生命周期共分为四个阶段

1.创建实例
2.DOM渲染
3.数据更新
4.销毁实例

二、共有八个基本钩子函数

1.beforeCreate —创建前
触发的行为：Vue实例的挂载元素$el和对象data都为undefined，还未初始化
此阶段可以做的事情：加loading事件

2.created —创建后
触发的行为：Vue实例的data已经有数据了，但是$el还没有
此阶段可以做的事情：解决loading，发请求拿数据为mounted渲染做准备

3.beforeMount —渲染前
触发的行为：Vue的$el和data都初始化了，但是虚拟DOM节点，具体的data.filter还未替换
此阶段可以做的事情：created能做的它也能做

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

5.beforeUpdate —更新前
触发的行为：data更新时触发
在此阶段可以做的事情：。。。

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

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

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