Vue 面试题：高级模式与架构

1. 组合函数（Composition Function）是什么？

• 复用逻辑的函数，通常返回响应式状态和方法。
• 通过 setup 调用组合函数，提升逻辑复用性。
• 避免 Options API 中 mixins 的命名冲突问题。

2. 如何组织大型 Vue 项目结构？

• 按领域或功能模块拆分组件。
• 统一管理状态、路由、网络请求。
• 把可复用逻辑提取为组合函数或插件。

3. Vue 插件机制是什么？

• 通过 app.use 安装插件。
• 插件可以注入全局属性、组件、指令和配置。
• 适合统一注册工具方法、国际化、UI 组件库。

4. 什么时候使用 provide/inject？

• 用于跨组件层级传递数据。
• 适合主题、国际化、上下文共享。
• 不建议过度依赖，避免组件耦合过紧。

5. Vue 的异步组件怎么用？

• 使用 defineAsyncComponent 实现按需加载。
• 可以结合占位组件和错误边界优化体验。

6. 如何解决 Vue 更新渲染性能问题？

• 避免频繁修改响应式对象整体。
• 使用 v-once、key 和懒加载策略。
• 对大型列表使用虚拟滚动或分页。

7. Vue 组件通信方式有哪些？

• 父传子 props。
• 子传父 emit。
• 跨级通信 provide/inject。
• 全局状态管理如 Pinia。

8. 你如何进行 Vue 的可测试性设计？

• 把渲染逻辑与业务逻辑分离。
• 使用组合函数封装可测试逻辑。
• 通过单元测试、快照测试和端到端测试验证功能。