Vue实例的生命周期

一、生命周期钩子 = 生命周期函数 = 生命周期事件

二、创建期间的生命周期函数:

1、beforeCreate 生命周期函数:实例在内容中被创建出来,此时,data 和 methods 属性 还没有被初始化好!

2、created 生命周期事件:data 和 methods 属性 已经创建 OK此时还没有开始编译模板

3、beforeMount 生命周期钩子此时已完成了模板的编译还没有挂载到页面中

4、mounted :此时,已将编译好的模板,挂载到了页面指定的容器中显示。

三、运行期间的生命周期函数:

1、beforeUpdate 生命周期函数 :状态更新之前执行次函数。此时 data 中的状态值是最新的但是界面上显示的数据还是旧的,因为此时还没有开始重新渲染 DOM 节点。

2、updated 生命周期钩子:实力更新完毕之后调用该函数。此时 data 中的状态值 和界面上显示的数据,都已经完成了更新,界面已经被重新渲染好了。

四、销毁期间的生命周期钩子:

1、beforeDestroy:实例销毁前使用;

2、destroyed:实例销毁之后调用。

 

created :此时data和methods已经初始化完毕;

mounted:此时Vue实例已经新建完毕,静静地躺在内存中。

 

原文地址:https://www.cnblogs.com/JAVA-STUDYER/p/10911970.html