一、Vue的生命周期
分为四个阶段:
1. 实例创建
2. DOM渲染
3. 数据更新
4. 销毁实例
共有八个生命周期函数:
1.beforeCreate —创建前
触发行为:vue挂载的$el
和data都为undefined,还未初始化
在此阶段可以做的事情:加loading事件
2.created —创建后
触发行为:vue的数据对象data已经有数据了,$el
还没有初始化
在此阶段可以做的事情:解决loading,请求ajax数据为mounted做准备
3.beforeMount --渲染前
触发的行为:vue实例和$el
都初始化了,但还是虚拟的DOM节点
此阶段可以做的事情:也可以发请求拿数据
4.mounted —渲染后
触发的行为:vue实例挂载完成,页面以已经成功渲染
在此阶段可以做的事情:配合路由钩子函数使用
5.beforeUpdate —更新前
触发的行为:data更新前触发
6.updated —更新后
触发的行为:data