生命周期函数

生命周期函数,第1张

目录

前言

一、生命周期函数各个阶段


前言

生命周期函数就是vue实例在某一个时间点会自动执行的函数

      当我们创建一个实例的时候,也就是我们调用 new Vue() 这句话的时候,vue会帮助我们去创建一个实例,创建过程其实并不像我们想的那么简单,他要经过很多的步骤

一、生命周期函数各个阶段

        beforeCreate: 这个阶段初始化结束,但数据监测、数据代理并未设置

        created:在此阶段,进行了数据代理(将_data中的数据移出,并对每个数据设置get和set方法)和数据监测

        beforeMount:完成解析模板,并存一个副本,以便之后用于虚拟DOM数diff算法

        mounted:DOM树挂载完毕,页面渲染完毕

        beforeUpdate:此时拿到改变后的数据

        updated:完成重新渲染

        beforeDestroy:此时自定义事件销毁完毕,但是原生事件还存在

        destroyed:啥都没了

偶然得到的图,介绍的比较详细

 

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/langs/669996.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-19
下一篇 2022-04-19

发表评论

登录后才能评论

评论列表(0条)

保存