第1篇 基础知识
第1章 Vue.js入门 / 2
1.1 初识Vue.js / 2
1.1.1 什么是Vue.js / 2
1.1.2 为什么要使用Vue.js / 3
1.1.3 MVVM 模式 / 4
1.2 使用Vue.js理解MVVM模式 / 5
1.3 Vue.js的响应式理解 / 6
1.4 AI实战：AI大模型帮你快速理解Vue的核心概念 / 7
1.5 本章小结 / 9
1.6 本章习题 / 9

第2章 第一个Vue.js应用 / 10
2.1 Vue.js的使用 / 10
2.2 应用实例及选项 / 12
2.2.1 模板 / 13
2.2.2 数据 / 13
2.2.3 方法 / 14
2.2.4 监听器 / 15
2.3 数据绑定 / 16
2.4 计算属性 / 17
2.4.1 计算属性的用法 / 18
2.4.2 计算属性传递参数 / 20
2.4.3 计算属性的getter 和setter / 20
2.4.4 计算属性与methods 的区别 / 21
2.5 生命周期 / 23
2.6 案例——简单的定时器 / 26
2.7 AI实战：AI大模型辅助创建第一个Vue应用 / 28
2.8 本章小结 / 29
2.9 本章习题 / 29

第3章 Vue.js内置指令 / 30
3.1 基本指令 / 30
3.1.1 v-text 和v-html 指令 / 30
3.1.2 v-cloak 指令 / 31
3.1.3 v-once 指令 / 31
3.1.4 v-if、v-else 和v-show 指令 / 32
3.1.5 v-on 指令 / 33
3.1.6 v-for 指令 / 36
3.1.7 数组更新 / 41
3.2 v-bind指令 / 45
3.2.1 v-bind 指令的基本用法 / 45
3.2.2 v-bind 指令绑定样式 / 46
3.3 v-model 指令 / 51
3.3.1 v-model 指令的基本用法 / 51
3.3.2 使用v-for 指令动态渲染选项 / 52
3.3.3 绑定值 / 53
3.3.4 修饰符 / 54
3.4 案例——简易学生信息管理系统 / 54
3.5 AI实战：AI大模型智能生成指令使用场景 / 59
3.6 本章小结 / 60
3.7 本章习题 / 61

第4章 Vue.js组件 / 62
4.1 组件的基本使用 / 62
4.1.1 全局组件 / 63
4.1.2 局部组件 / 64
4.1.3 组件中的data / 64
4.1.4 使用template 元素创建组件 / 65
4.1.5 组件嵌套 / 66
4.1.6 使用props 传递数据 / 67
4.2 组件通信 / 73
4.2.1 父组件向子组件通信 / 73
4.2.2 子组件向父组件通信 / 75
4.2.3 非父子组件之间的通信 / 77
4.2.4 创建自定义组件 / 79
4.3 内容分发 / 81
4.3.1 单个插槽 / 81
4.3.2 具名插槽 / 82
4.3.3 作用域插槽 / 86
4.4 动态组件 / 87
4.5 案例——使用组件实现购物车功能 / 91
4.6 AI实战：AI大模型协助设计组件结构与通信方案 / 93
4.7 本章小结 / 95
4.8 本章习题 / 95
第5章 自定义指令 / 96
5.1 自定义指令的注册和使用 / 96
5.1.1 自定义全局指令 / 96
5.1.2 自定义局部指令 / 97
5.2 钩子函数 / 98
5.3 指令的参数与修饰符 / 100
5.4 案例——使用自定义指令实现状态码转换显示 / 100
5.5 AI实战：AI大模型扩展Vue功能——智能生成自定义指令 / 102
5.6 本章小结 / 103
5.7 本章习题 / 104

第6章 Vue.js过渡和动画 / 105
6.1 CSS过渡与动画 / 105
6.2 JavaScript过渡 / 111
6.3 动画库集成 / 113
6.4 案例——新增列表项的动画效果 / 115
6.5 AI实战：AI大模型协助可视化动画效果设计建议 / 118
6.6 本章小结 / 119
6.7 本章习题 / 119

第2篇 工程化项目开发
第7章 Vue脚手架 / 121
7.1 快速构建项目 / 121
7.1.1 Vue 脚手架工具的安装 / 121
7.1.2 初始化项目 / 122
7.1.3 项目结构 / 124
7.1.4 初识单文件组件 / 125
7.1.5 单文件组件嵌套 / 126
7.1.6 构建一个简单的脚手架项目 / 127
7.1.7 组件通信 / 131
7.2 前端路由 / 135
7.2.1 路由的安装和使用 / 136
7.2.2 跳转方式 / 139
7.2.3 编程式导航 / 142
7.2.4 路由参数传递与接收 / 144
7.2.5 子路由 / 146
7.2.6 路由拦截 / 149
7.3 服务器端数据访问 / 154
7.3.1 使用CDN 安装Axios / 154
7.3.2 使用NPM 安装Axios / 155
7.3.3 请求本地JSON 数据 / 157
7.3.4 GET 请求 / 159
7.3.5 POST 请求 / 165
7.4 Vite基础 / 167
7.4.1 Vite 简介 / 167
7.4.2 Vue 工程化项目中Vite 的配置 / 168
7.4.3 Vite 插件的使用 / 169
7.5 案例——课程列表和教师列表的管理 / 170
7.6 AI实战：AI大模型指导Vite + Vue 3项目配置优化 / 179
7.7 本章小结 / 180
7.8 本章习题 / 181

第8章 Vuex / 182
8.1 Vuex概述 / 182
8.2 Vuex的安装与基础配置 / 183
8.3 Vuex的基本使用 / 184
8.3.1 Store 概述 / 184
8.3.2 Vuex 的使用 / 184
8.4 Vuex核心机制与典型应用 / 185
8.4.1 state 容器 / 185
8.4.2 mutations 同步状态变更 / 186
8.4.3 actions 处理异步操作 / 188
8.4.4 getters 派生状态 / 190
8.4.5 使用辅助函数简化组件逻辑 / 190
8.4.6 模块化管理大型状态 / 191
8.5 案例——虚拟用户管理系统 / 192
8.6 AI实战：AI大模型模拟状态管理架构设计 / 199
8.7 本章小结 / 200
8.8 本章习题 / 200

第9章 跨平台开发
uni-app / 201
9.1 uni-app初识 / 201
9.2 创建一个uni-app项目 / 202
9.3 uni-app的生命周期函数 / 205
9.4 uni-app的基本概念 / 206
9.5 uni-app的内置组件 / 209
9.5.1 容器组件 / 209
9.5.2 基础内容组件 / 214
9.5.3 表单组件 / 217
9.5.4 navigator 组件 / 221
9.5.5 媒体组件 / 221
9.6 uni-app API / 224
9.6.1 网络API / 224
9.6.2 界面路由 / 225
9.6.3 数据缓存 / 226
9.6.4 界面交互反馈 / 227
9.7 AI实战：AI大模型助力跨端兼容性开发 / 229
9.8 本章小结 / 230
9.9 本章习题 / 230

第3篇 工程化项目实战

第10章 实战项目开发 / 232
10.1 项目介绍 / 232
10.2 项目开发前期准备 / 233
10.2.1 初始化项目 / 233
10.2.2 安装依赖包和插件 / 234
10.2.3 创建初始页面 / 234
10.2.4 配置项目路由 / 235
10.3 项目功能设计与开发 / 236
10.3.1 登录页 / 236
10.3.2 首页 / 238
10.3.3 课程列表页 / 249
10.3.4 课程详情页 / 254
10.3.5 分类页 / 258
10.3.6 发现页 / 260
10.3.7 用户信息页 / 268
10.4 AI实战：AI大模型参与项目全流程 / 271