Vue生命周期钩子介绍
vue从创建到销毁的过程中 会执行一些回调函数
钩子:一种回调函数
生命周期:vue实例从出生到销毁的过程
(1)出生:
创建vue实例
创建data数据
创建el挂载点
将data数据渲染到el挂载点
(2)销毁
vue实例被销毁
这里的销毁不是指实例变成了null 而是指解除data与el的关联
注意:每一个生命周期钩子中的this都是指向vue实例 所以生命周期钩子不能是箭头函数
vue的生命周期钩子阶段
分为四个大阶段 八个方法
阶段:
初始化阶段
挂载阶段
更新阶段
销毁阶段
方法:
执行顺序 | 钩子函数 | 执行时机 |
1 | beforeCreate(){} | vue实例创建了,但是el和data还没有创建(准备创建data) 底层(初始化vue实例,初始化钩子函数,初始化一些事件和侦听器配置项 ) |
2 | created(){} | data数据创建了 但是el挂载点还没有创建(准备创建el) 底层(初始化data中的数据和methods中的方法) |
3 | before |