vue2中的生命周期

创立前 beforecreate此时处于vue实例创立之前,数据和办法都生成
创立后 created此处vue实例创立实现,能够获取到data和methods此时dom还没渲染,个别申请放入这里进行数据的申请
挂载前 beforemount此处曾经编译好了模板然而没有挂载到页面上,仅仅存在内存中
挂载后 mounted此时模板曾经实现挂载,能够进行dom操作
批改前 beforeupdate在数据批改之前进行调用,此时data中数据曾经批改实现,但dom中为进行更新
批改后 updated页面dom中数据也进行更新实现
登记前 beforedistory在组件卸载之前进行调用,个别用于用户确认敞开
登记后 distoryed卸载之后,此时组件卸载,无奈获取到data和methods
keep-alive缓存组件中有2个生命周期函数
缓存后进入组件前
activted
缓存后来到组件后
deactivted

vue3中的生命周期

根本与vue2中大体一致
beforeDestroy,distoryed改成beforeunmount,unmounted成果统一
在组合式中应用setup写入
因为setup是围绕beforecreate和created运行的所以不须要显示的定义他们
用on结尾进行援用
新增生命周期
onRenderTracted 在页面渲染或从新渲染的时候都会触发,首次渲染页面和从新渲染页面都会触发
onRenderTrggiend 只有在页面从新渲染的时候才会触发,此时onRenderTracted也会进行触发