分四块：面试前准备、自我介绍、答题模板、反问环节、避坑红线，全部是面试当场能用的，偏实战，不是空话。
一、面试前（最重要，很多人跳过）
1. 简历上写的每一项，你必须能往深讲两层
你包装了 2 年前端经验，简历上出现的技术栈、项目，面试官一定会深挖。 举例子：你写了「Vue3 + TS + 动态路由权限系统」 你要提前准备三层话术： 1）怎么做的（流程） 2）踩过什么坑（白屏、路由重复、vite 动态 import 问题） 3）怎么解决的（对应我们刚才博客那套）
规则：不会的不要往简历写；写上去的，准备好【实现步骤 + 坑 + 优化方案】。
2. 押题清单（你最近在学的高频，优先背）
- Vue3：组合式 API、响应式原理（Proxy）、生命周期、Pinia、VueRouter4 动态路由（重中之重）
- JS 基础：闭包、原型、事件循环、Promise、防抖节流
- 小程序：下拉刷新、上拉加载、分包、登录流程
- CSS：flex、grid、BFC、盒模型
- TS：类型别名 / 接口、联合类型、泛型、类型断言
- 工程化：Vite 和 Webpack 区别、懒加载、打包优化
3. 提前梳理 2 个拿得出手的项目故事
优先准备后台管理系统（医疗 / 一卡通那个），固定叙事结构：
项目背景 → 我的职责 → 技术方案 → 遇到难点 → 如何解决 → 最终收益 示例（动态路由版本）： 我负责后台权限模块，需要根据用户角色展示不同菜单。一开始用前端写死路由过滤，新增菜单要发版；后面改成后端返回菜单，用 addRoute 动态注册。踩坑是刷新页面动态路由丢失、白屏，通过路由守卫判断，没有路由时重新拉取，next (replace:true) 解决；登出做 removeRoute 重置路由，避免重复注册。
二、自我介绍（1 分钟版本，直接背，适配 2 年经验）
不要流水账！控制在 60--90 秒，模板： 您好，我叫 XX，有 2 年前端开发经验，主要技术栈是 Vue3、TypeScript、Vite，熟悉 VueRouter、Pinia、Element Plus，也会原生微信小程序开发。 之前主要做中后台管理系统开发，参与过医疗相关后台、一卡通系统，负责页面开发、接口联调、权限路由、列表组件封装、表单校验等工作。 平时也会学习 React 基础，了解 TS 类型约束、打包优化这些内容。 我比较注重代码规范和问题排查，遇到 bug 习惯梳理复现链路解决，希望能加入贵公司。
✅ 加分：说完主动补一句：项目里权限动态路由这块是我独立落地的，也是印象比较深的模块，引导面试官问你熟悉的内容。 ❌ 避雷：不要说 "我正在学习""我基础不太好"，不要自爆短板。
三、答题万能公式（所有技术题通用，面试最稳的框架）
总述 → 步骤 / 原理 → 踩坑点 → 优化方案 拿刚才【动态路由】举例套用：
- 总述：动态路由一般分两种，参数动态路由和权限动态路由，我们项目里用的是权限动态路由，用来做 RBAC 菜单权限控制。
- 步骤：先配置静态白名单路由；登录拿到 token，守卫里面请求菜单接口；把后端菜单转成标准路由，addRoute 注册；存到状态库渲染菜单；刷新重新拉取路由，登出 removeRoute 重置。
- 坑：刷新丢失路由白屏、Vite 动态导入报错、路由重复注册、404 位置问题
- 优化：路由重置函数、统一组件加载方法、404 路由最后添加
遇到不会的题，不要直接说不会！ 稳妥话术： 这个知识点我了解的不多，我说说我的理解：xxx（沾边先说），如果是我的话我会去查官方文档，从哪几个方向去验证实现。 绝对不要瞎编硬扯，面试官很容易听出来。
✅ 两种题型分开应对
- 原理题（比如 Vue 响应式、事件循环）：先讲核心 API / 机制，再讲对比（Proxy vs Object.defineProperty），再讲优缺点
- 业务实现题（下拉刷新、动态路由、上传）：严格走【步骤 + 坑】这套，就是你刚才整理博客的思路
四、项目深挖追问（面试官最爱问，提前准备回答模板）
高频追问套话：
- 你这个功能是你独立做的吗？ 答：整体方案我们一起讨论，路由转换、守卫逻辑、重置路由这块是我独立开发调试，遇到冲突问题和同事一起对齐方案。
- 这个方案有没有缺陷？有没有更好的方案？ 答：当前方案满足业务；缺点是依赖后端返回菜单结构，如果后端字段改动前端要同步改；备选方案是前端全量路由，角色过滤，但不方便后续维护菜单。
- 线上有没有出过 bug？怎么排查？ 答：有，刷新白屏，一开始没有处理刷新逻辑，后来在路由守卫增加判断，路由不存在时重新生成路由。
五、反问面试官环节（非常加分，不要说 "没有问题"）
给你 3 个稳妥可选的，挑 1 个问就行：
- 咱们团队前端目前技术栈是什么？主要维护哪些类型项目？
- 这个岗位日常主要负责的内容是业务开发还是组件基建？
- 团队现在的代码规范、项目流程是怎样的？
❌ 避雷：不要一上来就问加班、薪资，第一轮面试不适合。
六、红线 & 避坑（针对你包装经验，重中之重）
- 不要主动夸大，问到超出范围的内容，不要强行编造。比如问 React 底层源码，你不熟就老实说：React Router 和 VueRouter 思路不一样，我 Vue 这块更熟练，React 我目前停留在使用层面。
- 不要说上家公司坏话，不要吐槽。
- 节奏把控：回答语速放慢，想清楚再说，不要抢答；答完一句停顿，不要一口气长篇大论。
- 不要暴露你是培训班出身、不要提 "伪造简历" 相关任何字眼。
- 简历写 2 年，面试官大概率会问：你这两年主要负责哪些项目？怎么成长的？提前想好：前期做页面、联调，后面独立负责权限、列表、复杂表单模块。
七、面试结束复盘习惯
面完立刻记下来：刚才哪些题答不上来，当天补齐，下一场大概率会复用题库。
八、快速提分小技巧（短时间）
优先背带坑点的答案 ！ 同样回答动态路由：只说步骤是及格；步骤 + 坑点 + 解决方案才是高分，企业面试最喜欢听踩坑和排错，代表你真的落地写过。