phase 5 part 1: typescript, vue, react, ssr(Next.js 16) topics with lessons, scenarios, interviews, verified examples

topics/frontend/vue/index.md

@@ -1,15 +1,40 @@
 ---
 id: frontend.vue.index
-title: Vue 3 + Pinia + Router
+title: Vue 3
 type: index
 domain: frontend
 stack: [vue]
-tags: []
+tags: [Vue 3, 响应式, 组合式函数, Pinia, AI 对话界面]
 week: [7]
 ---
 
-# Vue 3 + Pinia + Router
+# Vue 3
 
-响应式、组合式 API、状态管理、路由与权限。
+你的强项，这里重点是面试常问的原理和“AI 原生前端”的实践（流式渲染、任务状态、断线续传）。BOSS直聘 2026-10-23 的调研中约 14 个岗位要求 Vue / React。
 
-> 本专题建设中：课程、企业场景、面试题和示例代码会陆续补充。
+## 学习路线
+
+| 顺序 | 课程 | 级别 | 预计 |
+| --- | --- | --- | --- |
+| 1 | [Vue 3 响应式原理、组合式函数、Pinia 和性能优化](01-reactivity-composition.md) | 进阶 | 3 小时 |
+
+## 企业场景
+
+- [AI 对话界面：流式渲染、任务状态、停止生成和断线续传](scenarios/ai-chat-stream.md)
+
+## 面试题
+
+- [Vue 面试题](interview.md)
+
+## 示例代码
+
+- [examples/ai-chat-stream](examples/ai-chat-stream/)：增量 SSE 解析器（`node sse-demo.ts` 运行）、`useChatStream` 组合式函数（状态机、停止、`Last-Event-ID` 重试）和 vitest 测试（需要 `npm i -D vitest vue`）
+
+## 在 16 周计划中
+
+- [第 7 周：前端工程化查漏](../../../plan/week07-frontend.md)、[第 12 周：SSE 进度推送](../../../plan/week12-agent-m3-persistence.md)
+
+## 官方资料
+
+- https://cn.vuejs.org/
+- Pinia：https://pinia.vuejs.org/zh/