# 2. 选用 Vue 3 + Vite 作为前端技术栈 日期: 2026-03-09 ## 状态 已采纳 ## 背景 前端需要一个响应迅速、开发体验良好且易于构建复杂交互界面(如流式对话、动态仪表盘)的框架。备选方案包括 React, Vue 2, Angular。 ## 决策 选择 **Vue 3** 配合 **Vite** 构建工具。 ## 理由 1. **响应式系统 (Reactivity)**: Vue 3 的 Proxy 机制和 Composition API 非常适合处理 WebSocket 推送的高频数据更新(如打字机效果),且代码组织更具逻辑性。 2. **构建性能**: Vite 基于 ES Modules,提供了极速的热更新 (HMR) 和冷启动体验,显著提升开发效率。 3. **生态整合**: 配合 Pinia (状态管理) 和 Vue Router,以及 Ant Design Vue 组件库,能够快速搭建美观且功能完备的管理后台与聊天界面。 4. **学习曲线**: 相比 React 的 Hooks 心智负担,Vue 3 更符合直觉,利于团队快速上手。 ## 后果 - 需要确保第三方库对 Vue 3 的兼容性(目前已非常成熟)。 - 需遵循 Composition API 的最佳实践,避免逻辑混乱。