全集试看

项目介绍

全集试看

1.Vue3基本介绍

全集试看

2.为什么选择vue3

全集试看

3.vue3的基本使用

4.模板语法

5.vue中的指令

6.v-bind的用法

7.v-bind动态绑定class

8.v-bind动态绑定style

9.元素事件的绑定

10.事件处理实战小练习

11.v-show使用

12.v-if条件渲染

13.v-for列表渲染

14.v-for中的key

15.列表渲染中数组对象的变化检测

16.v-model双向绑定

17.computed计算属性

18.watch侦听器

19.组件的使用

20.关于组件的props

21.组件之间的传值

22.v-slot插槽

23.插槽的进阶用法

24脚手架搭建的前置准备

25.通过脚手架创建项目

26.项目文件解读

27.npm设置淘宝镜像

28.单文件组件

29.组合式api

30.关于setup

31.ref和reactive创建响应式数据

32.reactive的局限性

33.shallowRef和shallowReactive

34.triggerRef

35.readonly和shallowReadonly

36.isRef,unref,toRef,toRefs的使用

37.isProxy,toRaw,markRaw用法

38.选项式api里的生命周期

39.不同场景下生命周期执行顺序

40.组合式api中生命周期的用法

41.computed的高级用法

42.watch函数的高级用法

43.watchEffect的用法

44.编辑器配置和@符号

45.购物车实战案例-静态解构编写

46.完成购物车实战

47.组合式函数

48.组合式函数实战应用

49.使用customRef实现自定义ref

50.依赖注入

51.属性的透传

52.多根节点属性的透传

53.动态组件的基本使用

54.KeepAlive缓存的使用

55.自定义指令

56.setup语法糖

57.defineProps、useAttrs

58.defineEmits

59.defineExpose

60.defineModel的使用

61.defineComponent

62.defineOptions

63.Teleport组件

64.vue3中发送请求(axios)

65.vue3中的跨域问题

66.vue-router的基本使用

67.RouterLink的使用

68.动态路由匹配

69.编程式的导航

70.嵌套路由

71.命名视图

72.路由的懒加载

73.路由的传参

74.重定向和别名

75.路由通配符

76.路由元信息meta

77.KeepAlive实现路由的缓存

78.导航守卫的使用

79.所有导航守卫的使用

80.addRoute动态生成路由

81.路由其他内容的补充

82.综合小实战

83.认识pinia

84.pinia中取值

85.pinia中store的类型

86.storeToRefs的使用

87.使用$patch批量修改数据

88.actions和组合式api中数据的修改

89.重置数据

90.getters

91.辅助函数和多store的使用

全集试看

项目实战课程导读

全集试看

项目功能介绍

1.搭建基本项目结构

2.创建项目必须的文件目录

3.创建项目路由

4.配置@src目录及解决ts报错

5.配置项目基础路由

6.登录界面静态结构搭建

7.登录表单数据逻辑处理

8.登录功能后端接口处理

9.基于ts的axios二次封装

10.接口api的统一封装

11.结合pinia完成登录功能

12.useRouer的使用误区

13.响应拦截器处理

14.通过导航守卫控制跳转权限

15.主页面基本结构搭建

16.侧边菜单动态递归处理

17.侧边导航细节调整

18.菜单页面的创建及二级路由的添加

19.页面级权限控制的两种实现方式

20.头部组件开发

21.快捷页签导航基本结构搭建

22.快捷页签导航结合pinia基础逻辑实现

23.菜单与页签导航联动逻辑实现

24.页签导航刷新使用递归优化

25.页签导航删除和联动功能实现

26.数据看板静态页面开发

27.使用echarts实现数据可视化

28.echarts配置项解读

29.resize解决窗口变化echarts适配问题

30.封装useChart自定义组合式函数

31.电量统计echarts图表配置

32.获取接口数据动态渲染图表

33.解决图表接口渲染异步问题

34.优化useChart、渲染饼状图配置

35.调用封装的组合式函数快捷渲染雷达图

36.完成营收统计表和故障报警模块

37.充电站监控页面基本结构开发

38.封装充电站监控api获取接口数据

39.结合后端接口实现表格查询及分页功能

40.封装表单组件实现逻辑复用

41.组件间传值解决弹窗开关

42.结合pinia实现编辑充电站功能

43.新增充电站实现

44.调用后端接口完成新增编辑功能

45.调用接口实现删除充电站功能

46.营收统计数据总览开发

47.封装千分位分隔函数

48.销售额图表快捷渲染

49.根据接口渲染表格数据

50.封装usePagination分页逻辑复用

51.充电桩管理页面静态结构开发

52.对接后端接口实现模糊查询功能

53.充电桩动态渲染

54.实现类别筛选功能

55.watch配合模糊查询功能

56.使用记录、维保记录功能

57.调用高德地图api渲染电子地图

58.根据接口动态添加地图标记点

59.地图标记添加信息窗体功能实现

60.完成新增站点地图等功能

61.订单管理页面开发

62.封装自定义hooks开发通用查询表格

63.表格多选批量操作功能

64.批量删除订单功能

65.KeepAlive条件约束缓存

66.导出、下载数据到本地excel

67.计费管理页面基本结构开发

68.根据后端接口动态渲染tree树形控件

69.树形控件联动表单模糊查询

70.计费模板动态表单添加

71.计费模板动态表单收集与验证

72.完善计费管理功能

73.报警管理页面开发

74.报警列表动态渲染

75.建立映射表解决英文显示问题

76.组件二次封装分步表单

77.继续完善分步表单二次封装

78.优化分步表单组件代码

79.完成工单指派功能

80.会员卡管理页面开发

81.招商管理分类动态渲染

82.分类标签多场景联动

83.富文本编辑器TinyMCE的使用

84.导出富文本编辑器内容到html文件

85.系统设置页面开发

86.权限分配功能开发

87.递归闭包结合处理权限菜单

88.按钮级权限分配

89.提交数据完成权限分配

90.个人中心页面开发

91.封装自定义指令实现按钮级权限控制

92.Vite环境变量的设置

93.项目打包及报错解决

94.阿里云打包部署上线

95.配置nginx解决刷新404问题