vue的生命周期函数

 

实例创建阶段：

1. beforeCreated：表示刚刚初始化了一个空的Vue实例对象，此时，对象身上只有默认的一些什么周期函数和事件，其他的都还未创建。*此时data和methods中的数据还没有初始化。

2. created：在created中，data和methods都已被初始化好了，如果要对methods或data进行操作（包括发送数据请求等），最早在created中进行。

3. beforeMount：次函数执行时，模板已经在内存中编译好了，但是尚未挂载到页面中去，即页面数据还未更新。

4. mounted：这是实例创建期间的最后一个生命周期函数，当执行完mounted就表示实例已经完全创建好了。若没有其他操作，实例就放在内存中，不发生变化。如果要操作页面上的dom节点，最早在mounted中进行。

运行阶段：

5. beforeUpdate：当执行到beforeUpdate时，页面显示的数据还是旧的，但data中的数据是新的，两者未保持同步。

6. updated：此事件执行时，页面和data的数据都已被更新，两者保持同步。

7. beforeDestroy：此时，实例已经从运行阶段进入到了销毁阶段，但实例身上的data、methods、过滤器、指令等都还处于可用阶段。

8. destroyed：此时组件完全被销毁。

 

转载于:https://www.cnblogs.com/Ryan368/p/11320920.html