Vue 作为前端开发的重要框架，在面试中占据了举足轻重的地位。无论是 基础知识、核心 API，还是 Vue3 的新特性，甚至 源码实现，都是面试官重点考察的内容。
为了帮助大家更高效地备战面试，在 WangEditor 作者 双越 老师的推动下，我们推出了一个 免费刷题网站—— 面试派。
面试派 覆盖了 面试流程、简历撰写、技术问题 以及 与 HR 过招的技巧，为求职者提供全方位的面试解决方案。
在 面试派 中，所有面试题均由众多 开源博主 精心整理，确保高质量内容。其中，Vue 面试题 版块涵盖 Vue 基础 和 Vue 原理 两大部分，收录了 超过 30+ 道高频面试题，帮助你从 基础到底层原理，轻松应对面试官的各种刁钻提问！
如果你正在准备 Vue 面试，欢迎来 面试派 免费刷题，提升竞争力，拿下心仪的 Offer！🚀
Vue基础使用
- 🔥Vue3 和 Vue2 的区别有哪些？说几个主要的。
Vue 3 提供了更现代化、更高性能的架构，通过 Composition API 和 Proxy 响应式系统等改进提升了开发体验 🎉🎉🎉。参考答案
- 🔥Vue 组件的通讯方式有哪些
组件之间的通讯通常分为父子组件通讯和跨组件通讯。要注意，vue3 组件的通讯方式和 vue2 有一定的区别。参考答案
- 🔥Vue 组件的生命周期
Vue 组件的生命周期是指组件从创建到销毁的整个过程，包括组件的初始化、渲染、更新和销毁等阶段。在Vue2和Vue3中，组件的生命周期有一些区别。参考答案
- Vue 组件在哪个生命周期发送 ajax 请求？
- Vue 父子组件生命周期调用顺序
- 🔥v-show 和 v-if 的区别
- 为何v-if和v-for不能一起使用
v-if 和 v-for 不能直接一起使用的原因，主要是因为它们在 解析优先级 和 逻辑处理 上存在冲突。参考答案
- computed 和 watch 有什么区别
- 🔥watch 和 watchEffect 的区别
watch 和 watchEffect 都是 Vue 3 中用于响应式数据变化时执行副作用的 API，它们的使用场景和工作机制存在区别。
- 🔥 Vue3 ref 和 reactive 如何选择？
ref 和 reactive 都是 Vue 3 中用来创建响应式数据的 API，他们的区别及使用场景如下。参考答案
- 什么是动态组件？如何使用它？
- 什么是 slot ，有什么应用场景？
slot 是 Vue 中的一种用于 组件内容分发 的机制。它允许父组件向子组件插入内容，从而使组件更加灵活和可复用。参考答案
- 🚀 Vue 项目可做哪些性能优化？
🔍在 Vue 项目中，我们可以利用 Vue 特有的功能和机制实现性能优化。参考答案
- 什么是 nextTick 如何应用它
- 使用 Vue3 Composable 组合式函数，实现 useCount
在 Vue 应用的概念中，“组合式函数”(Composables) 是一个利用 Vue 的组合式 API 来封装和复用有状态逻辑的函数。它和自定义 React hooks 非常相似。使用组合式函数实现如下需求：useCount 是一个计数逻辑管理的组合式函数，它返回一个 count 变量和增加、减少、重置count的方法。参考答案
- 使用 Vue3 Composable 组合式函数，实现 useRequest
const { loading, data, error } = useRequest(url) // 可只考虑 get 请求
- 自定义组件如何实现 v-model
v-model 可以在组件上使用以实现双向绑定。参考答案
- 如何统一监听 Vue 组件报错
- Vuex 中 mutation 和 action 有什么区别？
在 Vuex 中， mutation 和 action 是用于管理状态的两种核心概念。参考答案
- Vuex 和 Pinia 有什么区别？
- Vue-router 导航守卫能用来做什么？
Vue 原理
- 什么是 MVVM
- 什么是 VDOM 它和 DOM 有什么关系
- 手写 VNode 对象，表示如下 DOM 节点
<div class="container">
<img src="x1.png" />
<p>hello</p>
</div>
如果你还不熟悉 虚拟 DOM 和 渲染函数 的概念的话，请先学习vue的渲染机制
- Vue 组件初始化的各个阶段都做了什么？
- Vue 如何实现双向数据绑定？
- Vue 模板编译的过程
- Vue 响应式原理
- 为何 v-for 需要使用 key
- Vue diff 算法的过程
- Vue3 diff 算法做了哪些优化？
- Vue diff 算法和 React diff 算法的区别
- Vue 组件是如何渲染和更新的
- 如何实现 keep-alive 缓存机制
- 为何 ref 需要 value 属性
