Angular vs React/Vue

三框架都组件化、TypeScript 友好，但 取舍不同。本课帮你 读懂招聘与存量项目；CodeRoadMap 选型已明确：platform = Next.js/React，admin = Vue，Angular = 路线图企业技能。

学习目标

• 从学习曲线、生态、招聘场景对比三框架
• 说明本站为何主栈不用 Angular
• 规划「已会 React/Vue 如何快速读 Angular」

核心内容

总览对比

维度	Angular	React	Vue
定位	全框架	UI 库	渐进框架
模板	HTML + 指令	JSX	HTML 模板
状态	Signals + RxJS	Hooks / 外部库	ref + Pinia
DI	内置	Context	provide/inject
CLI/约定	强	弱	中
典型场景	金融/政企	互联网/全栈	国内后台

概念迁移

你已会（React/Vue）	Angular 对应
函数组件 / SFC	@Component + Standalone
props / emit	@Input / @Output
useEffect / onMounted	ngOnInit / effect()
React Router / Vue Router	Angular Router
fetch / axios	HttpClient + Observable
Pinia / Zustand	Service + Signals / NgRx

学过 React 核心 与 Vue 3 核心 后，Angular 主要是 语法 + DI + RxJS 增量，组件思想高度重叠。

本站 Stack 说明

用户浏览器
  → platform（Next.js + React）— 公开学习与 SEO
  → admin（Vue）— 内容管理
  → backend（Spring Boot）— REST API
Angular track：读懂 /roadmaps/frontend 节点，不替代主栈实战

选 Angular 的理由：大型团队、强规范、TypeScript 一体化；选 React/Next 的理由：生态活跃、招聘广、RSC/SEO。选 Vue 的理由：国内后台快、上手平。

何时深入 Angular

• 目标岗位 JD 明确 Angular + TypeScript 核心
• 维护 Angular 存量系统
• 团队已有 NG-ZORRO / Material 设计体系

否则优先把时间投入 Next.js + Spring Boot 全栈链路。

练习

• 写 200 字：若重写 CodeRoadMap platform，为何不选 Angular
• 找一份 Angular 招聘 JD，标出与本 track 各课对应技能

小结

Angular 强在企业规范；本站主栈 React + Vue。 下一课综合练习。