Vue 3教程

以 Vue 3 Composition API、SFC 与 TypeScript 为主线，覆盖模板、响应式、组件通信、生命周期、Composable、异步数据、工程架构、性能、测试与秋招高频原理。

Vue 的声明式 UI、响应式与组件化

本章属于「Vue 3 / Vue 3、SFC 与 Composition API」，围绕「Vue 的声明式 UI、响应式与组件化」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

文本插值、表达式与模板上下文

本章属于「Vue 3 / 模板语法与指令」，围绕「文本插值、表达式与模板上下文」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

ref 与模板自动解包

本章属于「Vue 3 / 响应式系统」，围绕「ref 与模板自动解包」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

DOM Event 与组件事件

本章属于「Vue 3 / 事件、表单与双向绑定」，围绕「DOM Event 与组件事件」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

组件树、注册与组件边界

本章属于「Vue 3 / 组件与通信」，围绕「组件树、注册与组件边界」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

Default Slot、Named Slot

本章属于「Vue 3 / Slots 与高级组件能力」，围绕「Default Slot、Named Slot」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

创建、挂载、更新、卸载生命周期

本章属于「Vue 3 / 生命周期与 Composable」，围绕「创建、挂载、更新、卸载生命周期」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

loading、data、error 三态

本章属于「Vue 3 / 异步数据与业务页面」，围绕「loading、data、error 三态」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

Views、Business Components、Base Components 分层

本章属于「Vue 3 / Vue 工程架构与 TypeScript」，围绕「Views、Business Components、Base Components 分层」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

Virtual DOM、VNode、Render 与 Diff

本章属于「Vue 3 / Vue 原理、性能、测试与秋招」，围绕「Virtual DOM、VNode、Render 与 Diff」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

createApp、App.vue 与应用启动

本章属于「Vue 3 / Vue 3、SFC 与 Composition API」，围绕「createApp、App.vue 与应用启动」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

v-bind、class、style

本章属于「Vue 3 / 模板语法与指令」，围绕「v-bind、class、style」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

reactive、Proxy 与对象响应式

本章属于「Vue 3 / 响应式系统」，围绕「reactive、Proxy 与对象响应式」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

v-model 与表单控件

本章属于「Vue 3 / 事件、表单与双向绑定」，围绕「v-model 与表单控件」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

Props

本章属于「Vue 3 / 组件与通信」，围绕「Props」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

Scoped Slot

本章属于「Vue 3 / Slots 与高级组件能力」，围绕「Scoped Slot」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

onMounted、onUpdated、onUnmounted

本章属于「Vue 3 / 生命周期与 Composable」，围绕「onMounted、onUpdated、onUnmounted」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

列表查询、分页、筛选与请求竞态

本章属于「Vue 3 / 异步数据与业务页面」，围绕「列表查询、分页、筛选与请求竞态」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

API Layer、Composable、Store 与组件职责

本章属于「Vue 3 / Vue 工程架构与 TypeScript」，围绕「API Layer、Composable、Store 与组件职责」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

Scheduler、Batch Update、nextTick

本章属于「Vue 3 / Vue 原理、性能、测试与秋招」，围绕「Scheduler、Batch Update、nextTick」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

SFC：template、script、style 与 scoped

本章属于「Vue 3 / Vue 3、SFC 与 Composition API」，围绕「SFC：template、script、style 与 scoped」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

v-if、v-show

本章属于「Vue 3 / 模板语法与指令」，围绕「v-if、v-show」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

computed

本章属于「Vue 3 / 响应式系统」，围绕「computed」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

v-model 修饰符与自定义组件双向绑定

本章属于「Vue 3 / 事件、表单与双向绑定」，围绕「v-model 修饰符与自定义组件双向绑定」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

Emits

本章属于「Vue 3 / 组件与通信」，围绕「Emits」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

Dynamic Component

本章属于「Vue 3 / Slots 与高级组件能力」，围绕「Dynamic Component」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

Timer、Event、Observer、Request 的资源清理

本章属于「Vue 3 / 生命周期与 Composable」，围绕「Timer、Event、Observer、Request 的资源清理」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

空状态、错误状态、重试与 Skeleton

本章属于「Vue 3 / 异步数据与业务页面」，围绕「空状态、错误状态、重试与 Skeleton」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

Vue + TypeScript 类型设计

本章属于「Vue 3 / Vue 工程架构与 TypeScript」，围绕「Vue + TypeScript 类型设计」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

computed、lazy component、大列表与性能

本章属于「Vue 3 / Vue 原理、性能、测试与秋招」，围绕「computed、lazy component、大列表与性能」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

<script setup> 与 Composition API

本章属于「Vue 3 / Vue 3、SFC 与 Composition API」，围绕「<script setup> 与 Composition API」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

v-for、key

本章属于「Vue 3 / 模板语法与指令」，围绕「v-for、key」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

watch、watchEffect

本章属于「Vue 3 / 响应式系统」，围绕「watch、watchEffect」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

表单状态、校验与防重复提交

本章属于「Vue 3 / 事件、表单与双向绑定」，围绕「表单状态、校验与防重复提交」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

Template Ref 与 defineExpose

本章属于「Vue 3 / 组件与通信」，围绕「Template Ref 与 defineExpose」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

KeepAlive

本章属于「Vue 3 / Slots 与高级组件能力」，围绕「KeepAlive」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

Composable：useXxx

本章属于「Vue 3 / 生命周期与 Composable」，围绕「Composable：useXxx」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

API Model、View Model 与字段转换

本章属于「Vue 3 / 异步数据与业务页面」，围绕「API Model、View Model 与字段转换」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

Markdown、v-html、DOMPurify 与 XSS

本章属于「Vue 3 / Vue 工程架构与 TypeScript」，围绕「Markdown、v-html、DOMPurify 与 XSS」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

Vue DevTools、组件测试与 Bug 排查

本章属于「Vue 3 / Vue 原理、性能、测试与秋招」，围绕「Vue DevTools、组件测试与 Bug 排查」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

Options API 与 Composition API 的边界

本章属于「Vue 3 / Vue 3、SFC 与 Composition API」，围绕「Options API 与 Composition API 的边界」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

v-on、事件修饰符、自定义指令

本章属于「Vue 3 / 模板语法与指令」，围绕「v-on、事件修饰符、自定义指令」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

toRef、toRefs、shallowRef、nextTick

本章属于「Vue 3 / 响应式系统」，围绕「toRef、toRefs、shallowRef、nextTick」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

表单组件设计与错误展示

本章属于「Vue 3 / 事件、表单与双向绑定」，围绕「表单组件设计与错误展示」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

Provide / Inject

本章属于「Vue 3 / 组件与通信」，围绕「Provide / Inject」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

Teleport、Async Component 与 Suspense

本章属于「Vue 3 / Slots 与高级组件能力」，围绕「Teleport、Async Component 与 Suspense」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

Composable、Utility、Store 的职责边界

本章属于「Vue 3 / 生命周期与 Composable」，围绕「Composable、Utility、Store 的职责边界」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

CRUD 页面完整状态流

本章属于「Vue 3 / 异步数据与业务页面」，围绕「CRUD 页面完整状态流」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

CSR、SSR、SSG、Nuxt 与 SEO 生态认知

本章属于「Vue 3 / Vue 工程架构与 TypeScript」，围绕「CSR、SSR、SSG、Nuxt 与 SEO 生态认知」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

Vue 3 秋招高频题与 CRUD 项目验收

本章属于「Vue 3 / Vue 原理、性能、测试与秋招」，围绕「Vue 3 秋招高频题与 CRUD 项目验收」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。