Vue 基础知识速览

一、组件开发规范

1. 组件职责

单组件尽量聚焦单一职责，避免“大而全”页面组件。

2. 命名与目录

组件、路由、状态管理目录要稳定一致，降低协作成本。

3. 代码风格

统一 ESLint/Prettier 规则，减少格式型冲突。

二、组件通信

1. 父传子

通过 props 下发数据，保持单向数据流。

2. 子传父

通过 $emit 上抛事件，避免直接改父状态。

3. 跨层通信

优先 provide/inject 或状态管理；全局事件总线仅作兜底。

三、状态与路由

1. 状态管理

中小项目可优先 Pinia；核心是“状态集中、变更可追踪”。

2. 路由能力

掌握动态路由、导航守卫、编程式跳转、懒加载。

3. keep-alive

用于页面缓存，关注 activated/deactivated 生命周期。

四、常用开发能力

1. nextTick

在 DOM 更新后执行逻辑，避免读取旧视图状态。

2. 计算属性与侦听器

“派生值”用 computed，“副作用”用 watch。

3. 富文本组件

常见方案是 Tinymce、Quill；重点是内容安全与图片上传链路。

30 秒口述模板

我会把「Vue」分成三层来讲：先讲核心概念和它解决的问题，再讲一个高频场景与实现思路，最后补充常见坑点和优化方向。这样既能回答基础问题，也能接住面试官追问。

2 分钟口述模板

如果展开讲，我会按“定义 -> 原理 -> 场景 -> 取舍”四步回答。先说明「Vue」解决的核心问题和边界；再讲 1 到 2 个关键机制，解释为什么这样设计；然后结合一个真实业务场景说明如何落地；最后补充常见坑点、性能或稳定性优化，以及与相近方案的取舍标准。

这样回答的好处是：既有原理深度，也有工程落地感，面试官继续追问到实现细节时也能自然展开。