最近在整理一些前端面试中经常被问到的问题,分为vue相关、react相关、js相关、react相关等等专题,可持续关注后续内容,会不断进行整理~
由于Vue3中引入了组合式API的概念,因此在生命周期方面会有一些变化:
setup阶段
在Vue3中,引入了“setup”阶段作为组件的设置阶段,可以通过 onBeforeMount、onMounted、onBeforeUpdate、onUpdated、onBeforeUnmount、onUnmounted 等 API 注册生命周期钩子,分别对应下面的各个生命周期阶段
beforeCreate、created阶段
为了向下兼容和逐步迁移,Vue3仍然保留了beforeCreate和created钩子,其含义与用法和Vue2中一样,beforeCreate阶段在组件实例初始化之后、数据观测和事件配置之前调用;created阶段在实例创建完成后调用;
beforeMount、mounted阶段
这两个阶段与Vue2中含义相同,beforeMount阶段在挂载开始之前被调用,此时组件模板编译已完成,但尚未挂载到页面上;mounted阶段已经完成了Dom的渲染,可以获取到Dom元素;文章来源:https://www.toymoban.com/news/detail-810115.html
beforeUnmount、unmounted阶段
这两个阶段分别对应Vue2中对应的beforeDestroy和destroyed,beforeUnmount阶段在卸载开始之前被调用,unmounted阶段在卸载完成后被调用文章来源地址https://www.toymoban.com/news/detail-810115.html
到了这里,关于Vue面试之生命周期(下篇)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!