vue实例的生命周期
1 什么是生命周期(每个实例的一辈子)
概念:每一个Vue实例创建、运行、销毁的过程,就是生命周期;在实例的生命周期中,总是伴随着各种事件,这些事件就是生命周期函数;
生命周期:实例的生命周期,就是一个阶段,从创建到运行,再到销毁的阶段;
生命周期函数:在实例的生命周期中,在特定阶段执行的一些特定的事件,这些事件,叫做 生命周期函数;
生命周期钩子:就是生命周期事件的别名而已;
生命周期钩子 = 生命周期函数 = 生命周期事件
2 主要的生命周期函数分类
beforeCreate:创建之前,data和methods还不能使用
created :此时可以使用data,methods了
beforeMount:挂载模板结构之前,此时,页面还没有被渲染到浏览器中;
mounted 用的最多的函数,页面刚刚被渲染出来;如果要操作DOM元素,最好在这个阶段
beforeUpdate:数据更新 视图渲染前
updated:数据更新 视图渲染完毕之后
beforeDestroy:销毁之前,实例还存在,可以适应实例中的方法
destroyed:销毁之后,实例已经删除
官网图解
他的执行顺序