生命周期函数

目录

前言

一、生命周期函数各个阶


前言

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

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

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

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

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

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

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

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

        updated:完成重新渲染

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

        destroyed:啥都没了

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

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值