目录
第一部分　项目起步
第1章　大觅项目架构设计　2
任务1　大觅项目业务场景　3
1.1.1　大觅项目业务分析　4
1.1.2　大觅项目业务梳理　6
1.1.3　大觅项目技术栈选型　7
任务2　大觅项目环境搭建　8
1.2.1　Node.js的介绍　8
1.2.2　什么是npm　9
1.2.3　安装cnpm　10
1.2.4　开发工具Vite　10
1.2.5　上机训练　14
任务3　前端架构设计　14
1.3.1　分层架构和模块化　14
1.3.2　分离方式　15
1.3.3　Visual Studio Code免费跨平台编辑器　16
1.3.4　UI框架　17
1.3.5　上机训练　19
1.3.6　Vite的使用　20
1.3.7　上机训练　23
本章作业　24
第2章　大觅项目中ES6的使用方法　25
任务1　let命令和const命令　26
2.1.1　let命令　26
2.1.2　上机训练　29
2.1.3　const命令　29
任务2　变量的解构赋值　30
2.2.1　数组的解构赋值　30
2.2.2　对象的解构赋值　32
2.2.3　上机训练　33
任务3　箭头函数　33
2.3.1　箭头函数的由来：this指向问题　33
2.3.2　箭头函数的定义　35
2.3.3　箭头函数和普通函数的区别　35
2.3.4　不适用箭头函数的场景　37
任务4　Map数据结构　38
2.4.1　Map的特点　38
2.4.2　如何创建Map　39
2.4.3　Map常用属性及方法　39
任务5　Module的语法　42
2.5.1　Module概述　42
2.5.2　export命令和import命令　42
2.5.3　export default命令　43
2.5.4　上机训练　44
任务6　Promise对象　44
2.6.1　Promise对象的含义　44
2.6.2　创建Promise对象　45
2.6.3　then()方法与链式调用　45
2.6.4　catch()方法　47
2.6.5　Promise对象的状态特点　47
2.6.6　Promise对象的常用方法　48
2.6.7　Promise对象在实际项目中的应用　49
本章作业　50
第二部分　Vue介绍
第3章　大觅项目的路由配置　53
任务1　前端路由　54
3.1.1　什么是路由　54
3.1.2　前端路由的实现　54
3.1.3　前端路由的使用场景　55
任务2　Vue Router的基本使用方法　55
3.2.1　安装路由　55
3.2.2　建立路由模块　56
3.2.3　启用路由　57
3.2.4　路由重定向　58
3.2.5　路由懒加载　59
3.2.6　<router-link>组件　59
3.2.7　路由对象属性　60
任务3　页面间导航　61
3.3.1　router.push　61
3.3.2　router.replace　62
3.3.3　router.go　62
本章作业　63
第4章　初识Vue 3　64
任务1　Vue 3是什么　65
4.1.1　MVVM模式　65
4.1.2　Vue的开发模式　66
4.1.3　单文件组件　66
任务2　Vue组件与数据绑定　67
4.2.1　实例与数据　67
4.2.2　插值表达式　68
4.2.3　生命周期　69
任务3　class与style绑定　71
4.3.1　了解v-bind指令　71
4.3.2　绑定class的方式　72
4.3.3　绑定内联样式　76
本章作业　78
第5章　大觅项目与服务器通信　79
任务1　Mock服务配置与使用方法　80
5.1.1　配置Vite代理服务器　80
5.1.2　写Mock文件　81
5.1.3　使用Mock数据的说明　83
任务2　Mock的使用方法　83
5.2.1　Mock的基本介绍　83
5.2.2　Mock语法规范　84
任务3　snail mock工具的使用方法　87
任务4　Axios的安装及配置　87
5.4.1　Axios的基本介绍　87
5.4.2　Axios的安装与使用　88
5.4.3　Axios的封装与调用　89
5.4.4　请求设置　89
5.4.5　返回响应概要　91
5.4.6　拦截器　91
5.4.7　上机训练　92
任务5　大觅项目的服务器通信配置　92
本章作业　92
第6章　Vue 3指令　94
任务1　条件渲染指令　95
6.1.1　v-if指令　95
6.1.2　v-else指令　96
6.1.3　v-show指令　96
6.1.4　v-if指令与v-show指令的选择与区别　97
任务2　列表渲染指令　98
6.2.1　v-for指令　98
6.2.2　遍历对象　98
6.2.3　遍历数组　99
6.2.4　key属性　100
6.2.5　上机训练　101
任务3　方法与事件　101
6.3.1　v-on指令　101
6.3.2　修饰符　103
任务4　v-model指令与表单　105
6.4.1　基本用法　105
6.4.2　v-model指令在多种表单元素中的使用方法　106
6.4.3　v-model指令的修饰符　107
6.4.4　v-model指令在Vue 3中的特点　108
本章作业　108
第7章　组件　110
任务1　组件的概念与组件的复用　111
7.1.1　为什么使用组件　111
7.1.2　组件的复用　111
任务2　使用props传递数据　112
7.2.1　props的基本用法　112
7.2.2　单向数据流　115
7.2.3　上机训练　117
任务3　组件通信　118
7.3.1　自定义事件及defineEmits方法　118
7.3.2　兄弟组件通信的处理方式　120
任务4　slot分发内容　122
7.4.1　什么是slot　122
7.4.2　匿名slot　123
7.4.3　具名slot　124
本章作业　125
第8章　计算属性和侦听器　126
任务1　计算属性　127
8.1.1　什么是计算属性　127
8.1.2　计算属性用法　128
8.1.3　计算属性缓存　131
8.1.4　上机训练　131
任务2　侦听器　132
8.2.1　什么是侦听器　132
8.2.2　计算属性和侦听器的区别　133
本章作业　135
第三部分　项目插件
第9章　大觅项目中插件的使用方法　137
任务1　百度地图插件　138
9.1.1　百度地图的基本介绍　138
9.1.2　百度地图的基本使用方法　138
9.1.3　上机训练　140
任务2　状态管理与Pinia　140
9.2.1　状态管理与使用场景　140
9.2.2　Pinia的基本用法　141
任务3　二维码插件　144
9.3.1　使用场景　144
9.3.2　QR Code插件的使用方法　144
本章作业　145
第四部分　项目梳理
第10章　大觅项目总结　147
任务1　大觅项目起步　148
10.1.1　项目前期准备　148
10.1.2　Vue 3框架　149
任务2　梳理大觅项目技能点　150
10.2.1　项目框架搭建及配置　150
10.2.2　梳理项目技能点　150
本章作业　156
第五部分　AI辅助
第11章　AI编程辅助工具与应用实践　158
任务1　认识AI编程辅助工具　159
11.1.1　什么是AI编程辅助工具　159
11.1.2　主流AI工具介绍　159
11.1.3　AI工具安装与配置　160
11.1.4　AI工具的主要功能　161
11.1.5　上机训练　162
任务2　使用 AI 工具辅助生成 Vue 3 组件代码　162
11.2.1　AI工具辅助生成组件代码的基本思路　162
11.2.2　生成组件模板　162
11.2.3　生成复杂组件　165
11.2.4　组件逻辑生成　166
11.2.5　辅助生成组件代码的优势与局限　166
11.2.6　上机训练　166
任务3　借助 AI 工具分析并优化业务逻辑代码　167
11.3.1　AI 工具在业务逻辑分析中的应用场景　167
11.3.2　代码审查与问题识别　167
11.3.3　性能优化建议　168
11.3.4　安全性与最佳实践　169
11.3.5　上机训练　170
任务4　AI工具辅助编程在项目开发中的综合应用　170
11.4.1　完整功能开发流程　170
11.4.2　文档生成与维护　172
11.4.3　团队协作与知识学习　173
11.4.4　上机训练　175