002-frontend-framework-vue3.md 1.1 KB

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 的最佳实践,避免逻辑混乱。