2024年前端面试第二版问题（附答案和代码解析）

一、关于vue2的生命周期面试题

1、生命周期有哪些？

beforeCreate()

created()

beforeMount()

mounted()

beforeUpdate()

updated()

beforeDestroy()

destroyed()

2、父组件和子组件的生命周期

beforeCreate() 父亲组件

created() 父亲组件

beforeMount() 父亲组件



beforeCreate() 子组件组件

created() 子组件组件

beforeMount() 子组件组件

mounted() 子组件组件



mounted() 父亲组件

3、在created中如何获取dom

写异步代码，在异步代码中获取dom节点

例如：setTimeout、请求等、使用vue自带的this.$nextTick

4、请求接口放在哪个生命周期函数中？

在Vue中，请求接口通常放在created或mounted生命周期钩子函数中。

created钩子函数在实例创建之后、挂载之前被调用，此时还没有挂载到DOM上，适合做一些不依赖于DOM的操作，比如数据请求。

mounted钩子函数在实例挂载到DOM上之后被调用，此时已经完成了DOM的渲染，适合做一些依赖于DOM的操作，比如初始化组件内的某些DOM元素。

根据具体情况，你可以选择在created或mounted钩子函数中发起数据请求。