一、Vue 3 入门基础

• 掌握 Vue 的基本概念，包括什么是 Vue、其核心特性（声明式渲染、响应性系统）以及适用场景。

• 理解 渐进式框架的含义，了解 Vue 可以从简单的增强 HTML 到复杂的单页应用逐步扩展的能力。

• 了解 Vue 的生态系统和常见使用方式，如 CDN 引入、构建工具集成、服务端渲染等。

二、开发环境与项目搭建

• 掌握 使用 npm create vue@latest 创建 Vue 3 项目的完整流程，包括选择配置项（TypeScript、Router、Pinia 等）、安装依赖和启动开发服务器。

• 理解 Vite 构建工具的基本作用及其在 Vue 项目中的角色。

• 了解 如何通过 CDN 直接引入 Vue 进行无构建开发，并能区分全局构建与 ES 模块构建的用法。

三、Vue 应用结构与实例

• 掌握 创建 Vue 应用实例的方法（createApp），并将其挂载到 DOM 容器中。

• 理解 根组件的概念及其在应用中的核心地位，知道如何组织组件树结构。

• 了解 多个 Vue 应用实例共存的场景及配置方式，熟悉 .mount() 方法的使用时机。

四、模板语法与数据绑定

• 掌握 文本插值（{{ }}）、v-html、v-bind（:attribute）和 v-on（@event）的基本用法，实现数据到视图的绑定与事件监听。

• 理解 指令（Directives）的作用机制，包括参数、动态参数和修饰符（如 .prevent、.stop）的使用方法。

• 了解 在模板中使用 JavaScript 表达式的规则，知道仅支持表达式而非语句，以及受限的全局访问范围。

五、响应式状态管理

• 掌握 在选项式 API 中使用 data() 定义响应式数据，在组合式 API 中使用 ref() 和 reactive() 创建响应式变量。

• 理解 响应式系统的底层原理，知道 Vue 如何追踪依赖并在数据变化时自动更新视图。

• 了解 模板中如何访问和操作响应式数据，以及属性简写语法（如 :id 等同于 v-bind:id）的使用。

六、组件化开发基础

• 掌握 单文件组件（.vue 文件）的结构（<template>、<script>、<style>），并能在项目中创建和注册组件。

• 理解 组件之间的嵌套关系和通信基础（props、emit），知道如何将 UI 拆分为可复用的组件。

• 了解 选项式 API 与组合式 API 的区别，能够根据项目需求选择合适的 API 风格进行开发。