Vue生命周期钩子

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