Vue面试之生命周期(下篇)

发布时间:2024年01月16日


最近在整理一些前端面试中经常被问到的问题,分为vue相关、react相关、js相关、react相关等等专题,可持续关注后续内容,会不断进行整理~

由于Vue3中引入了组合式API的概念,因此在生命周期方面会有一些变化:

setup阶段

????在Vue3中,引入了“setup”阶段作为组件的设置阶段,可以通过 onBeforeMount、onMounted、onBeforeUpdate、onUpdated、onBeforeUnmount、onUnmounted 等 API 注册生命周期钩子,分别对应下面的各个生命周期阶段

beforeCreate、created阶段

????为了向下兼容和逐步迁移,Vue3仍然保留了beforeCreatecreated钩子,其含义与用法和Vue2中一样,beforeCreate阶段在组件实例初始化之后、数据观测和事件配置之前调用;created阶段在实例创建完成后调用;

beforeMount、mounted阶段

????这两个阶段与Vue2中含义相同,beforeMount阶段在挂载开始之前被调用,此时组件模板编译已完成,但尚未挂载到页面上;mounted阶段已经完成了Dom的渲染,可以获取到Dom元素;

beforeUnmount、unmounted阶段

????这两个阶段分别对应Vue2中对应的beforeDestroy和destroyed,beforeUnmount阶段在卸载开始之前被调用,unmounted阶段在卸载完成后被调用

文章来源:https://blog.csdn.net/ks795820/article/details/135601265
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。