生命周期
1.原名:生命周期函数,生命周期函数。
2.vue在关键时刻帮我们调用的一些特殊的函数
3.生命周期函数的名称不可更改,但函数的具体内容是根据需求来编写
4.生命周期函数中的this指向的是vm或组件实例对象
下面是实例生命周期的图表。
生命周期开始时初始化:生命周期,事件,但数据代理还未开始
beforeCreate:此时:无法通过vm访问到data中的数据,methods中的方法
初始化:数据检测,数据代理
created:可以通过vm访问到data中的数据,methods中配置方法
第一个判断,此阶段vue开始解析模板,生成虚拟dom页面还不能显示解析好的内容
beforeMount 页面呈现的是未经vue编译的dom结构所有对dom的操作,最终都不奏效
将内存中的虚拟dom转为真实dom插入页面
mounted:页面中呈现的是经过vue编译的Dom.对dom的操作均有效至此初始化过程结束,一般在此经行:开始定时器,发送网络请求,订阅消息,绑定自定义事件等初始化操作
beforeupdata此时数据是新的,但页面是旧的,即页面尚未和数据保持同步
根据新数据,生成新的dom,随后与旧的虚拟dom进行比较,完成页面更新,
updataed数据是新的,页面也是新的,及页面和数据保持同步
beforeDestroy :vm中所有的data,methons,指令等等,都处于可用状态,马上要进行销毁过程,一般在此阶段:关闭定时器,取消订购消息,解绑只定义事件等收尾操作
常用的生命周期钩子
1mounted:发送ajax请求,启动定时器,绑定自定义事件
2.beforeDestroy,清除定时器,解绑自定义事件,取消订购i消息
关于销毁vue实例
1.销毁后借助vue开发工具看不到任何信息
2.销毁后自定义事件会失效,但原生dom事件依然有效
3.一般不会再berforedestroy操作数据,因为即便操作数据,也不会发生更新