实例生命周期钩子:
1.beforeCreate
2.Created
3.beforeMount
4.mounted
5.beforeUpdate
6.updated
7.befroeDestory
8.destroyed
var vm =new Vue()表示开始创建一个vue的实例对象;
刚初始化了一个Vue空的实例对象,这时候,这个对象身上,只有默认的一些生命周期函数和默认事件,其他的东西都未创建
beforeCreate:在beforeCreate生命周期函数执行的时候,data和methods中的数据都还没有初始化
Created:在Created中,data和methods都已经被初始化好了,如果要调用methods中的方法,或者操作data中的数据,只能在created中操作
beforeMount:此函数执行时,模板已经在内存中编译好了,但是尚未加载到页面去,此时,页面还是旧的
mounted:只要执行完了mounted,就表示整个Vue实例已经初始化完毕了,此时,组件已经脱离了创建阶段,进入到了运行阶段
beforeUpdate:当执行beforeUpdate的时候,页面中的显示的数据,还是data数据最新的,页面尚未和最新的数据保持同步
updated:updated事件执行时,页面和data数据已经保持同步,都是最新的
befroeDestory:当执行befroeDestory钩子函数时,vue实例已经从运行阶段进入到了销毁阶段,实力身上所有的data和所有的methods,以及指令......都处于可用状态,此时,还没有真正的 执行销毁的过程
destroyed:当执行destroyed函数的时候,组件已经被完全销毁了,此时,组件中所有的数据、方法、指令......都已经不可用了