实例创建阶段:
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:此时组件完全被销毁。