目录
前言
一、生命周期函数各个阶段
前言
生命周期函数就是vue实例在某一个时间点会自动执行的函数
当我们创建一个实例的时候,也就是我们调用 new Vue() 这句话的时候,vue会帮助我们去创建一个实例,创建过程其实并不像我们想的那么简单,他要经过很多的步骤
一、生命周期函数各个阶段beforeCreate: 这个阶段初始化结束,但数据监测、数据代理并未设置
created:在此阶段,进行了数据代理(将_data中的数据移出,并对每个数据设置get和set方法)和数据监测
beforeMount:完成解析模板,并存一个副本,以便之后用于虚拟DOM数diff算法
mounted:DOM树挂载完毕,页面渲染完毕
beforeUpdate:此时拿到改变后的数据
updated:完成重新渲染
beforeDestroy:此时自定义事件销毁完毕,但是原生事件还存在
destroyed:啥都没了
偶然得到的图,介绍的比较详细
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)