Vue3+Vite+VueRouter+Pinia+Axios+ElementPlus
课程详情
课程介绍
本课程通过项目讲解,深入浅出地教授Vue3全家桶的使用及整体架构设计思路,旨在帮助学员快速提升Vue3综合实力。
适合人群
- 具备HTML5、CSS3和JavaScript基础
- 了解Node的包管理器
- 对Vue2框架有一定了解,或愿意从零开始学习
学习收获
- 熟练掌握Vite构建工具
- 精通Vue3的setup语法糖
- 精通VueRouter路由管理
- 精通Pinia状态管理
- 熟练使用Axios进行HTTP请求
- 熟悉ElementPlus Vue3 UI框架
课程亮点
- 项目驱动,理论与实践相结合
- 系统讲解Vue3全家桶,全面掌握Vue3技术栈
- 由浅入深,适合不同基础水平的学员
课程目录
01 Vue相关概念与脚手架搭建 01 前置导读.mp4 02 Vue核心关键词解读.mp4 03 MVVM模式和Vue版本对比.mp4 04 项目脚手架搭建.mp4 05 梳理项目结构.mp4 02 模板语法&指令 01 模板语法和组件的导入.mp4 02 基础指令.mp4 03 数据双向绑定.mp4 04 事件绑定.mp4 05 事件修饰符.mp4 06 按键修饰符和v-model修饰符.mp4 07 属性绑定.mp4 08 类与样式的绑定.mp4 09 条件渲染.mp4 10 列表渲染数组、增加数据.mp4 11 列表渲染对象、增加属性.mp4 03 基础案例 01 商品数量计算.mp4 02 选项卡切换.mp4 03 记事本任务添加删除清空.mp4 04 ref系列、reactive系列、to系列 01 ref 定义响应式数据.mp4 02 ref 获取元素.mp4 03 isRef 和 unRef.mp4 04 shallowRef 和 ref.mp4 05 customRef(自定义ref).mp4 06 reactive 定义复杂的响应式数据.mp4 07 readonly shallowReadonly.mp4 08 toRef toRefs toRaw.mp4 05 computed计算属性&watch侦听器 01 computed 计算属性.mp4 02 购物车.mp4 03 watch侦听器.mp4 04 watchEffect侦听器.mp4 05 停止侦听与两个调试函数.mp4 06 组件基础和生命周期钩子 01 常用生命周期钩子.mp4 02 组件化思想、实现一个简单的页面布局.mp4 03 全局组件注册、批量注册.mp4 04 局部注册总结和组件名格式.mp4 07 动态组件 & 递归组件 & 组件别名 & 组件v-model 01 动态组件实现Tab切换.mp4 02 动态组件中的v-model.mp4 03 递归组件.mp4 04 当前组件定义别名.mp4 05 引入组件定义别名&组件命名空间.mp4 06 组件v-model基本用法.mp4 07 组件v-model另一种实现方式.mp4 08 组件v-model参数.mp4 09 组件 v-model 修饰符.mp4 08 组件间数据传递 01 父组件向子组件传值.mp4 02 实现瀑布流案例.mp4 03 子组件向父组件传值.mp4 04 事件校验、模板触发并传递事件.mp4 05 子组件抛出私有数据给父组件.mp4 06 同级组件数据传递(父组件作为桥梁).mp4 07 手动封装一个 EventBus(发布订阅设计模式).mp4 08 globalProperties对象挂载全局EventBus.mp4 09 provideinject应用层面提供 EventBus.mp4 10 依赖注入实现深层次组件传值.mp4 09 插槽、内置组件和动画 01 匿名插槽和具名插槽.mp4 02 作用域插槽.mp4 03 动态插槽.mp4 04 异步组件 顶层await技术.mp4 05 KeepAlive组件和Ant Design Vue.mp4 06 onActivated 与 onDeactivated 钩子.mp4 07 Teleport 传送组件(20230304持续更新...).mp4






