Vue 面试题精选（含示例与要点）

我算是资深 Vue 党了（甚至早到“时间开始之前”🙂）。下面整理的是我在面试中真实被问过的一些题目与示例。先申明一件事：别把面试当成审判——放松、做自己。知道的就清晰说，不知道就坦诚说 No。靠“蒙”进的岗位，多半不快乐，还可能“翻车”。因此，平时好好准备，临场不必“硬撑”。
有些问题并非 Vue 独占，而是前端常识或可迁移到其它框架/工具的通用问题。 题目无难易排序。
1) 什么是 SPA？
SPA（Single Page Application）单页应用：首次加载核心布局与脚本，之后的页面切换不再整页刷新，只拉取必要的片段数据/模板并替换视图。因此，交互更顺滑、感知更快，同时需要配合前端路由与数据拉取策略。
2) 什么是 Vue 指令（Directives）？
指令是加在标签上的特殊属性，让模板具备“动态行为”。常见如：
v-if / v-else：按条件渲染/移除节点
v-show：始终渲染，用 CSS display 控制显隐
v-model：双向绑定（表单友好）
v-on：绑定事件监听
3) 什么是双向绑定（Two-way Binding）？
在 Vue 中，v-model 让输入值和组件数据保持同步：输入框变化 → 数据变化；数据变化 → 视图自动更新。

提示：复杂场景下，建议明确数据流（父传子 props、事件上报），v-model 适合表单输入这类常见交互。
4) 什么是虚拟 DOM（VDOM）？
虚拟 DOM 是一层轻量的 JS 对象树，描述视图状态。变更时，框架会对比前后 VDOM，只把真实 DOM 中必要的差异更新。因此，避免频繁操作真实 DOM 的高成本，整体更高效。

5) 什么是 Vue SFC？
SFC（Single File Component）单文件组件：.vue 文件把模板