Vue生命周期

Vue生命周期

这篇总结主要介绍Vue生命周期

简介
1.又名：生命周期回调函数，生命周期函数，生命周期钩子
2.是什么？ Vue在关键时刻帮我们调用的一些特殊名称的函数
3.生命周期函数的名字不可更改，但函数的具体内容是程序员根据需求编写的
4.生命周期函数中的this指向vm 或 组件实例对象
每个生命钩子都与data配置项同级

1.初始化阶段
beforeCreate 完成vue初始化，没有创建data
created 完成data创建，没有创建挂载点
常用：最早操作data，一般用于发送ajax请求
2.挂载阶段
beforeMount 创建挂载点，没有把data渲染到挂载点
mounted 完成初始渲染，把data数据渲染到了挂载点上
常用： 最早操作dom元素，一般用于dom操作
3.更新阶段
beforeUpdate data数据发生变化，页面没有刷新
updated 将变化后的数据更新到视图
4.销毁阶段
beforeDestroy vue实例完成销毁前
触发销毁条件:
1.对组件使用v-if
2.调用vm.$destroy()
应用场景： 清除setInterval定时器
destroyed vue完成销毁 GG

keep-alive的两个钩子（路由独有）
activated 被激活的
deactivated 失活的

nextTick钩子

vue初始渲染会走哪些钩子： beforeCreate created beforeMount mounted

你常用过哪些钩子
created : 发送ajax
mounted : 操作dom
beforeDestroy : 清除永久定时器

父子组件生命周期 : 父子子父
初始渲染阶段： 父子子父
更新阶段： 父子子父
销毁阶段：父子子父