关于vue.js:个人记录vue2与3生命周期的改变

47次阅读

共计 652 个字符,预计需要花费 2 分钟才能阅读完成。

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 也会进行触发

正文完
 0