Vue 面试题汇总

前言

面试题整理自 B站 前端杨村长的 Vue面试专题，题解结合了个人的思考和理解，供大家参考。

个人觉得村长的题目选的都挺好的，而且题解也很全面，就是题解比较书面，大家实际面试的时候可以尽量口语化，按照答题思路组织语言，把答案附上自己的风格说出来，关于面试技巧有些话复述不出来还可以通过举例的方式表达等等等。。。

题目的顺序是按照观众点赞评论收藏等数据计算出的评分按大到小排名的，排在前面的题目相对更重要观众更感兴趣

花了挺大劲整理的，面试前可以看看 就酱~ （我恨八股文）

原文来自 我的个人博客，原文地址：yejiwei.com/post/84

1. 简述 Vue 生命周期

答题思路：

1. Vue 生命周期是什么？
2. Vue 生命周期有哪些阶段？
3. Vue 生命周期的流程？
4. 结合实践
5. 扩展：在 Vue3 中生命周期的变化

回答范例：

1. 生命周期这个词应该是很好理解的，在我们生活中就会常常碰到，比如谈到一个人的生命周期，我们会说人这一生会经历婴儿、儿童、少年、青年、中年、老年这几个阶段。 而 Vue 的生命周期也是如此，在 Vue 中的每个组件都会经历从创建到挂载到更新再到销毁这几个阶段，而在这些阶段中，Vue 会运行一种叫做生命周期钩子的函数，方便我们在特定的阶段有机会添加上我们自己的代码。

2. Vue 生命周期总共可以分为 8 各阶段：创建前后、挂载前后、更新前后、销毁前后，以及一些特殊场景的生命周期（keep-alive 激活时、捕获后代组件错误时）。Vue3 中还新增了三个用于调试和服务端渲染场景。

3. 这几个阶段对应的钩子函数 API依次为：beforeCreate create beforeMount mounted beforeUpdate updated activated(keep-alive 激活时调用) deactivated(keep-alive 停用时调用) beforeDestory destoryed errorCaptured（捕获子孙组件错误时调用）。

   在 Vue3 中的变化 绝大多数只要加上前缀 on 即可，比如 mounted 变为 onMounted，除了 beforeDestroy 和 destroyed 被重新命名为 beforeUnmount 和 unMounted（这样与前面的 beforeMount 和 mounted 对应，强迫症表示很赞