浅谈vue的生命周期

vue

最近在再用vue做一个后台管理的项目,由于对生命周期" title="vue的生命周期">vue的生命周期不是很了解,只知道一些简单的使用,对于后面再钩子函数中做一些事情,相当的不利;甚至不清除什么做,在哪个函数里面做,所以今天填一下我对vue周期的理解

首先当一张vue官方的生命周期的图片

对于这张图,做一下简单的介绍:

beforeCreated:组件实例刚被创建,组件属性计算之前,如data属性等(el和data并未初始化):可以在此添加loading事件

created:组件实例创建完成,属性也绑定,但是DOM还未完成,$el属性还不存在:在这结束loading,做一些初始化,实现函数自执行

beforeMount:模板编译/挂载之前:完成了el和data初始化

mounted:模板编译/挂在之后:一般在这向后台发出请求,拿回数据,配合路有钩子做一些事情

boforeUpdate:组件更新之前

updated:组件更新之后:(组件里面的内容被修改,才会被触发)

activeted:for keep-alive,组件被激活时调用(目前项目中尚未用到)

deactivated:for keep-alive,组件被移除时调用

boforeDestory:组件销毁前调用

destoryed:组件销毁后调用