Vue高频面试题索引
以高频问法组织 Vue3 核心概念、工程实践与性能问题的索引页。
#tech / dev / frame
#resource / vue3
#type / synthesis
#status / growing
[!info] related notes
- 所属 MOC: Vue MOC
- 学习路径: vue-learning-roadmap
- 主题入口: vue3
- 前端总入口: 前端八股文 MOC
Vue高频面试题索引
这页不重复写所有答案,而是把 Vue 面试里最常被追问的主题整理成一张跳转图。真正回答时,关键不是背结论,而是能把概念边界和工程场景连起来。
基础心智模型
- Vue3 的定位和主线:vue3
- 生命周期怎么理解:vue3-lifecycle
- 插槽解决什么问题:vue3-slots
- Composition API 和 Options API 的区别:vue-composition-api-vs-options-api-interview-question, vue-composition-api, vue-options-api
script setup有什么好处:vue-script-setup-interview-question, vue-script-setupdefineProps、defineEmits、defineModel怎么理解:vue-script-setup-macros-interview-question, vue-script-setup-macroswithDefaults、defineExpose、defineSlots怎么理解:vue-script-setup-advanced-macros-interview-question, vue-script-setup-advanced-macrosdefineModel和v-model、props/emit是什么关系:vue-define-model-interview-question, vue-define-model- 什么时候用
defineModel,什么时候用props/emit:vue-define-model-vs-props-and-emit-selection-interview-question, vue-define-model-vs-props-and-emit-selection slot和props的边界:vue-slot-interview-question, vue3-slots, vue-props-and-emit- 组件该怎么拆:vue-component-design-principles
响应式高频题
- Vue3 响应式为什么和 Vue2 不一样:Vue2 与 Vue3 响应式系统对比
- Vue2 与 Vue3 响应式详细对比:Vue2 与 Vue3 响应式系统对比
- Vue3 响应式和 React state 模型差在哪:React 状态模型 vs Vue3 响应式模型
ref和reactive怎么选:Vue中的ref和reactivecomputed和watch的边界:vue-computed, Vue中的watch和watchEffectwatch和watchEffect怎么选:vue-watch-vs-watch-effect-interview-question, Vue中的watch和watchEffect- 为什么改完状态拿到的 DOM 还是旧的:vue-next-tick, vue-render-and-update-flow
nextTick为什么会出现:vue-next-tick-interview-question, vue-next-tickcomputed、watch、watchEffect怎么区分:vue-computed-vs-watch-interview-question, vue-watch-vs-watch-effect-interview-question, vue-computed, vue-watch-and-watch-effect
组件通信高频题
- 父子组件通信有哪些方式:vue-component-communication
props和emit的职责:Vue中的props和emitprovide/inject适合什么场景:Vue中的provide和injectprovide/inject的边界:vue-provide-inject-interview-question, Vue中的provide和injectv-model本质是什么:vue-v-modeldefineModel什么时候用:vue-define-model-interview-question, vue-define-model-vs-props-and-emit-selection-interview-question- 组件通信方式应该怎么选:vue-component-communication-selection-interview-question, vue-component-communication-selection, vue-component-communication
v-model的面试表达:vue-v-model-interview-question, vue-v-model- Pinia 和
provide/inject怎么区分:pinia-vs-provide-inject-interview-question, pinia, Vue中的provide和inject - Vue 通信方式整体怎么对比:vue-communication-comparison-interview-question, vue-communication-comparison, vue-component-communication-selection
工程实践高频题
- Vue Router 解决什么问题:vue-router
- 路由守卫和权限控制怎么协作:vue-router-guards-and-permission-control
- 路由模块该怎么拆:vue-router-module-design
- Pinia 适合解决什么问题:pinia
- store 应该怎么设计:pinia-store-design-patterns
渲染与性能高频题
- Vue 更新流程是怎样的:vue-render-and-update-flow
key为什么重要:vue-conditional-and-list-rendering, vue3-virtual-domv-if和v-show怎么选:vue-v-if-vs-v-show-interview-question, vue-conditional-and-list-rendering- 性能优化一般从哪里入手:vue3-performance-optimization
回答这类题时的主线
- 先说这个能力解决什么问题
- 再说核心机制或边界
- 最后补一个工程里的真实使用场景
这样比单纯背 API 更像真正理解过 Vue。