课程介绍
项目技术栈：
- Vue3 (v3.5 版本，截至 2024.11 月最新版本)
- Vue Router
- Pinia
- TypeScript
- element plus
- axios
- less
- echarts
- 高德地图 Amap 控件
- TinyMCE 富文本编辑器
试看链接 https://pan.baidu.com/s/1Lo4USbeOUhV8A3WsdJfmpw?pwd=c8nu
相关推荐
基于Golang+Gin+Gorm+Vue3母婴商城项目实战
Electron+Vue3+AI+云存储–实战跨平台桌面应用【完结】
Vue3.5+Electron+大模型 跨平台AI桌面聊天应用实战（完结）
课程目录
1 全集试看 Vue3课程导读
2 全集试看 项目介绍
3 全集试看 1.Vue3基本介绍
4 全集试看 2.为什么选择vue3
5 全集试看 3.vue3的基本使用
6 4.模板语法
7 5.vue中的指令
8 6.v-bind的用法
9 7.v-bind动态绑定class
10 8.v-bind动态绑定style
11 9.元素事件的绑定
12 10.事件处理实战小练习
13 11.v-show使用
14 12.v-if条件渲染
15 13.v-for列表渲染
16 14.v-for中的key
17 15.列表渲染中数组对象的变化检测
18 16.v-model双向绑定
19 17.computed计算属性
20 18.watch侦听器
21 19.组件的使用
22 20.关于组件的props
23 21.组件之间的传值
24 22.v-slot插槽
25 23.插槽的进阶用法
26 24脚手架搭建的前置准备
27 25.通过脚手架创建项目
28 26.项目文件解读
29 27.npm设置淘宝镜像
30 28.单文件组件
31 29.组合式api
32 30.关于setup
33 31.ref和reactive创建响应式数据
34 32.reactive的局限性
35 33.shallowRef和shallowReactive
36 34.triggerRef
37 35.readonly和shallowReadonly
38 36.isRef,unref,toRef,toRefs的使用
39 37.isProxy,toRaw,markRaw用法
40 38.选项式api里的生命周期
41 39.不同场景下生命周期执行顺序
42 40.组合式api中生命周期的用法
43 41.computed的高级用法
44 42.watch函数的高级用法
45 43.watchEffect的用法
46 44.编辑器配置和@符号
47 45.购物车实战案例-静态解构编写
48 46.完成购物车实战
49 47.组合式函数
50 48.组合式函数实战应用
51 49.使用customRef实现自定义ref
52 50.依赖注入
53 51.属性的透传
54 52.多根节点属性的透传
55 53.动态组件的基本使用
56 54.KeepAlive缓存的使用
57 55.自定义指令
58 56.setup语法糖
59 57.defineProps、useAttrs
60 58.defineEmits
61 59.defineExpose
62 60.defineModel的使用
63 61.defineComponent
64 62.defineOptions
65 63.Teleport组件
66 64.vue3中发送请求(axios)
67 65.vue3中的跨域问题
68 66.vue-router的基本使用
69 67.RouterLink的使用
70 68.动态路由匹配
71 69.编程式的导航
72 70.嵌套路由
73 71.命名视图
74 72.路由的懒加载
75 73.路由的传参
76 74.重定向和别名
77 75.路由通配符
78 76.路由元信息meta
79 77.KeepAlive实现路由的缓存
80 78.导航守卫的使用
81 79.所有导航守卫的使用
82 80.addRoute动态生成路由
83 81.路由其他内容的补充
84 82.综合小实战
85 83.认识pinia
86 84.pinia中取值
87 85.pinia中store的类型
88 86.storeToRefs的使用
89 87.使用$patch批量修改数据
90 88.actions和组合式api中数据的修改
91 89.重置数据
92 90.getters
93 91.辅助函数和多store的使用
94 全集试看 项目实战课程导读
95 全集试看 项目功能介绍
96 1.搭建基本项目结构
97 2.创建项目必须的文件目录
98 3.创建项目路由
99 4.配置@src目录及解决ts报错
100 5.配置项目基础路由
101 6.登录界面静态结构搭建
102 7.登录表单数据逻辑处理
103 8.登录功能后端接口处理
104 9.基于ts的axios二次封装
105 10.接口api的统一封装
106 11.结合pinia完成登录功能
107 12.useRouer的使用误区
108 13.响应拦截器处理
109 14.通过导航守卫控制跳转权限
110 15.主页面基本结构搭建
111 16.侧边菜单动态递归处理
112 17.侧边导航细节调整
113 18.菜单页面的创建及二级路由的添加
114 19.页面级权限控制的两种实现方式
115 20.头部组件开发
116 21.快捷页签导航基本结构搭建
117 22.快捷页签导航结合pinia基础逻辑实现
118 23.菜单与页签导航联动逻辑实现
119 24.页签导航刷新使用递归优化
120 25.页签导航删除和联动功能实现
121 26.数据看板静态页面开发
122 27.使用echarts实现数据可视化
123 28.echarts配置项解读
124 29.resize解决窗口变化echarts适配问题
125 30.封装useChart自定义组合式函数
126 31.电量统计echarts图表配置
127 32.获取接口数据动态渲染图表
128 33.解决图表接口渲染异步问题
129 34.优化useChart、渲染饼状图配置
130 35.调用封装的组合式函数快捷渲染雷达图
131 36.完成营收统计表和故障报警模块
132 37.充电站监控页面基本结构开发
133 38.封装充电站监控api获取接口数据
134 39.结合后端接口实现表格查询及分页功能
135 40.封装表单组件实现逻辑复用
136 41.组件间传值解决弹窗开关
137 42.结合pinia实现编辑充电站功能
138 43.新增充电站实现
139 44.调用后端接口完成新增编辑功能
140 45.调用接口实现删除充电站功能
141 46.营收统计数据总览开发
142 47.封装千分位分隔函数
143 48.销售额图表快捷渲染
144 49.根据接口渲染表格数据
145 50.封装usePagination分页逻辑复用
146 51.充电桩管理页面静态结构开发
147 52.对接后端接口实现模糊查询功能
148 53.充电桩动态渲染
149 54.实现类别筛选功能
150 55.watch配合模糊查询功能
151 56.使用记录、维保记录功能
152 57.调用高德地图api渲染电子地图
153 58.根据接口动态添加地图标记点
154 59.地图标记添加信息窗体功能实现
155 60.完成新增站点地图等功能
156 61.订单管理页面开发
157 62.封装自定义hooks开发通用查询表格
158 63.表格多选批量操作功能
159 64.批量删除订单功能
160 65.KeepAlive条件约束缓存
161 66.导出、下载数据到本地excel
162 67.计费管理页面基本结构开发
163 68.根据后端接口动态渲染tree树形控件
164 69.树形控件联动表单模糊查询
165 70.计费模板动态表单添加
166 71.计费模板动态表单收集与验证
167 72.完善计费管理功能
168 73.报警管理页面开发
169 74.报警列表动态渲染
170 75.建立映射表解决英文显示问题
171 76.组件二次封装分步表单
172 77.继续完善分步表单二次封装
173 78.优化分步表单组件代码
174 79.完成工单指派功能
175 80.会员卡管理页面开发
176 81.招商管理分类动态渲染
177 82.分类标签多场景联动
178 83.富文本编辑器TinyMCE的使用
179 84.导出富文本编辑器内容到html文件
180 85.系统设置页面开发
181 86.权限分配功能开发
182 87.递归闭包结合处理权限菜单
183 88.按钮级权限分配
184 89.提交数据完成权限分配
185 90.个人中心页面开发
186 91.封装自定义指令实现按钮级权限控制
187 92.Vite环境变量的设置
188 93.项目打包及报错解决
189 94.阿里云打包部署上线
190 95.配置nginx解决刷新404问题
