---
id: frontend.vue.index
title: Vue 3
type: index
domain: frontend
stack: [vue]
tags: [Vue 3, 响应式, 组合式函数, Pinia, AI 对话界面]
week: [7]
---

# Vue 3

你的强项，这里重点是面试常问的原理和“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/