你将完全胜任 Vue 前端开发工作,能构建小型、中型、大型的前端项目,掌握 Vue 组件代码规范
* 01 课程介绍/
* 01 课程介绍.mp4 (15.25 MB), 03:37
* 02 源码下载.txt (0.00 MB)
* 02 快速入门/
* 01 本章简介.mp4 (7.81 MB), 01:08
* 02 传统的网页开发方式的弊端.mp4 (16.97 MB), 03:38
* 03 Vue.js 是什么解决了哪些问题.mp4 (14.68 MB), 03:03
* 04 引入 Vue 3.x 框架的方式.mp4 (5.85 MB), 01:23
* 05 开发环境配置.mp4 (8.69 MB), 01:21
* 06 创建第一个 Vue 3.x 应用.mp4 (50.15 MB), 10:06
* 07 本章小结.mp4 (2.38 MB), 00:42
* 03 Vue 基础入门/
* 01 本章简介.mp4 (1.81 MB), 00:38
* 02 创建并初始化 Vue 项目.mp4 (16.37 MB), 03:17
* 03 使用 data 提供数据.mp4 (25.05 MB), 04:24
* 04 在 HTML 属性中绑定 data 中的数据.mp4 (14.25 MB), 02:42
* 05 展示列表内容.mp4 (31.22 MB), 05:49
* 06 根据条件展示页面内容.mp4 (36.18 MB), 06:37
* 07 事件与响应性入门.mp4 (28.20 MB), 05:12
* 08 使用 computed 计算属性处理稍复杂的业务逻辑.mp4 (14.59 MB), 03:10
* 09 使用 methods 方法处理事件.mp4 (14.66 MB), 02:53
* 10 使用 watch 监听数据的变化.mp4 (28.16 MB), 05:17
* 11 计算属性和方法的区别.mp4 (36.61 MB), 06:41
* 12 计算属性 和 Watch 监听器的区别.mp4 (50.24 MB), 09:56
* 13 方法和 Watch 监听器的区别.mp4 (16.18 MB), 03:40
* 14 表单输入数据处理.mp4 (24.10 MB), 04:34
* 15 双向绑定入门和 v-model.mp4 (17.80 MB), 03:55
* 16 其它表单控件事件处理.mp4 (37.84 MB), 06:53
* 17 表单提交事件处理.mp4 (16.81 MB), 03:14
* 18 在 inline-style 内联样式中绑定 data 数据.mp4 (21.70 MB), 04:10
* 19 根据条件添加或删除 class 样式.mp4 (22.74 MB), 04:38
* 20 本章小结.mp4 (8.05 MB), 01:47
* 04 Vue 进阶用法/
* 01 本章简介.mp4 (2.43 MB), 00:52
* 02 v-html:在模板中输出原始的 HTML 代码.mp4 (12.39 MB), 02:36
* 03 v-once:只渲染1次 HTML 模板.mp4 (11.58 MB), 02:06
* 04 给 v-bind 和 v-on 设置动态参数.mp4 (16.78 MB), 03:02
* 05 再看 v-for 指令.mp4 (29.08 MB), 05:27
* 06 template 渲染一组标签但不额外增加嵌套.mp4 (10.98 MB), 02:04
* 07 事件传参与多事件处理函数.mp4 (23.46 MB), 04:20
* 08 事件相关的修饰符.mp4 (29.28 MB), 05:29
* 09 处理键盘、鼠标事件的修饰符.mp4 (28.22 MB), 05:40
* 10 表单输入相关的修饰符.mp4 (23.48 MB), 04:34
* 11 通过 Vue 实例访问和修改应用的配置.mp4 (24.12 MB), 04:50
* 12 生命周期:在合适的时机为应用添加数据和行为.mp4 (26.47 MB), 05:31
* 13 本章小结.mp4 (3.96 MB), 01:08
* 05 Vue 核心:组件与脚手架/
* 01 本章简介.mp4 (4.93 MB), 01:18
* 02 什么是 Vue 组件.mp4 (12.89 MB), 02:45
* 03 如何创建组件.mp4 (25.29 MB), 04:41
* 04 全局注册组件.mp4 (6.81 MB), 01:17
* 05 局部注册组件.mp4 (22.59 MB), 04:11
* 06 脚手架:Vue 应用开发的利器.mp4 (16.79 MB), 04:04
* 07 安装 Node.js 运行环境.mp4 (4.77 MB), 00:59
* 08 使用 Vite 创建 Vue 项目.mp4 (21.27 MB), 04:11
* 09 创建和使用单一文件组件.mp4 (28.26 MB), 05:36
* 10 props 属性:自定义组件内容.mp4 (24.25 MB), 04:36
* 11 组件动态属性值绑定.mp4 (21.52 MB), 03:55
* 12 组件属性类型验证和默认值.mp4 (29.76 MB), 05:47
* 13 传递组件未定义的属性.mp4 (24.92 MB), 04:49
* 14 插槽:传递模板到子组件.mp4 (15.96 MB), 02:59
* 15 使用多个插槽占位.mp4 (18.31 MB), 03:20
* 16 子组件事件:向父组件传递数据的途径.mp4 (24.89 MB), 04:35
* 17 本章小结.mp4 (3.31 MB), 00:56
* 06 Vue 组件深入/
* 01 本章简介.mp4 (1.73 MB), 00:36
* 02 响应性 props 和组件刷新.mp4 (31.21 MB), 05:42
* 03 使用 watch 监听属性 props 变化.mp4 (11.77 MB), 02:21
* 04 组件数据的流向设计.mp4 (23.29 MB), 04:23
* 05 组件的生命周期.mp4 (4.18 MB), 00:55
* 06 ProvideInject:给深层组件中传递属性.mp4 (24.93 MB), 04:49
* 07 在传递的 slot 模板中,访问子组件的属性.mp4 (25.14 MB), 04:20
* 08 给组件设置样式的方法,以及支持的 CSS 语法.mp4 (34.04 MB), 06:31
* 09 在 scoped 的 style 中修改子组件的样式.mp4 (26.29 MB), 04:45
* 10 在样式中绑定响应性数据.mp4 (18.61 MB), 03:31
* 11 让组件支持 v-model 指令.mp4 (18.19 MB), 03:16
* 12 使用多个 v-model 指令.mp4 (21.91 MB), 03:52
* 13 Refs:获取 DOM 和子组件实例.mp4 (27.39 MB), 05:01
* 14 自定义指令-增强的 HTML 功能.mp4 (30.99 MB), 05:37
* 15 使用动态组件渲染不同的 HTML 标签.mp4 (9.77 MB), 01:54
* 16 使用动态组件渲染不同的 Vue 组件.mp4 (21.67 MB), 03:31
* 17 解决动态组件数据丢失问题:KeepAlive.mp4 (6.45 MB), 01:17
* 18 组件传送:在其它 DOM 元素挂载组件.mp4 (17.93 MB), 03:06
* 19 组件传送:多次传送组件.mp4 (17.26 MB), 03:08
* 20 编程式的模板:渲染函数.mp4 (26.05 MB), 04:50
* 21 在渲染函数中使用”指令“.mp4 (9.48 MB), 01:50
* 22 Mixins:组件配置的复用.mp4 (27.52 MB), 04:39
* 23 Mixins 与组件共同属性的覆盖与合并原则.mp4 (21.56 MB), 03:50
* 24 全局注册 Mixins:适用于给 Vue 编写插件.mp4 (20.83 MB), 03:53
* 25 异步组件加载:按需加载组件代码,减少文件体积.mp4 (23.21 MB), 04:07
* 26 组件错误处理:全局错误处理.mp4 (18.64 MB), 03:17
* 27 组件错误处理:错误边界.mp4 (28.26 MB), 05:06
* 28 本章小结.mp4 (8.56 MB), 02:27
* 07 Vue 组合 API/
* 01 本章简介.mp4 (3.52 MB), 00:56
* 02 为什么要用 Composition API.mp4 (18.69 MB), 03:57
* 03 setup() 函数:Composition API 的入口.mp4 (9.74 MB), 01:55
* 04 ref() 函数:在 setup() 函数中定义响应性数据.mp4 (19.76 MB), 03:32
* 05 reactive() 函数:另一种创建响应性对象的方式.mp4 (26.48 MB), 04:43
* 06 computed() 函数:定义计算属性.mp4 (15.02 MB), 02:32
* 07 watch():监听响应性数据的变化.mp4 (16.58 MB), 03:05
* 08 watch():监听对象中基本类型的响应性属性.mp4 (11.99 MB), 02:21
* 09 watch():监听对象类型的响应性属性.mp4 (13.37 MB), 02:41
* 10 watch():访问修改前的对象类型响应性数据.mp4 (14.23 MB), 02:46
* 11 watch():同时监听多个响应性数据.mp4 (8.13 MB), 01:37
* 12 watchEffect():变体的 watch().mp4 (17.78 MB), 03:31
* 13 watch() 和 watchEffect() 清理操作.mp4 (20.40 MB), 03:38
* 14 传递和访问 Props 属性.mp4 (11.06 MB), 02:05
* 15 转换非响应性 Props 为响应性.mp4 (22.45 MB), 04:02
* 16 refreactive 创建的数据在 Props 中的响应.mp4 (24.62 MB), 04:40
* 17 在 setup() 中定义 methods.mp4 (14.73 MB), 02:38
* 18 Emit 自定义事件.mp4 (15.83 MB), 02:55
* 19 生命周期钩子.mp4 (17.71 MB), 03:02
* 20 Provide 和 Inject.mp4 (16.11 MB), 02:58
* 21 使用 provide 和 inject 提供和访问响应性数据.mp4 (21.23 MB), 04:02
* 22 获取 template ref.mp4 (13.29 MB), 02:24
* 23 渲染函数:使用 context 中的 slots 属性.mp4 (18.91 MB), 03:34
* 24 获取非 props 属性 attrs.mp4 (21.39 MB), 03:36
* 25 最佳组件逻辑复用方式:Composables.mp4 (54.17 MB), 09:46
* 26 script setup 进一步简化组件.mp4 (31.28 MB), 06:06
* 27 本章小结.mp4 (13.07 MB), 03:36
* 08 Vue 与后台交互 HTTP/
* 01 本章简介.mp4 (13.97 MB), 02:18
* 02 HTTP 简介.mp4 (23.33 MB), 03:43
* 03 使用 axios 加载远程数据.mp4 (47.29 MB), 08:34
* 04 Loading 加载状态展示.mp4 (25.17 MB), 04:48
* 05 传递 URL 查询参数.mp4 (24.39 MB), 04:44
* 06 使用 axios 发送数据到远程服务器.mp4 (18.70 MB), 03:23
* 07 请求 Header 设置.mp4 (18.09 MB), 03:34
* 08 处理请求错误.mp4 (27.99 MB), 04:51
* 09 配置代理:解决跨域问题.mp4 (32.35 MB), 05:44
* 10 取消请求.mp4 (26.34 MB), 04:41
* 11 封装 Axios.mp4 (59.52 MB), 10:05
* 12 修改为使用 Fetch 发送请求.mp4 (39.31 MB), 06:54
* 13 Fetch 处理请求错误.mp4 (15.87 MB), 02:58
* 14 Fetch 取消请求.mp4 (12.22 MB), 02:13
* 15 封装 Fetch.mp4 (59.77 MB), 09:57
* 09 Vue 背后机制/
* 01 本章简介.mp4 (1.02 MB), 00:22
* 02 响应性基础:Proxy.mp4 (27.47 MB), 05:31
* 03 实现一个响应性的示例.mp4 (64.37 MB), 11:14
* 04 Virtual DOM:Vue 渲染机制的核心.mp4 (12.01 MB), 02:38
* 05 本章小结.mp4 (1.29 MB), 00:34
* 10 Vue 动画与过渡/
* 01 本章简介.mp4 (1.39 MB), 00:31
* 02 使用 CSS keyframes 实现动画.mp4 (14.98 MB), 02:39
* 03 使用 CSS Transition 实现过渡.mp4 (13.15 MB), 02:32
* 04 使用纯 CSS 实现进场离场动画的问题.mp4 (37.65 MB), 06:58
* 05 Transition 组件:处理组件进场和离场动画.mp4 (39.34 MB), 06:56
* 06 处理 HTML 元素的切换动画.mp4 (36.07 MB), 06:48
* 07 处理 Vue 组件的切换动画.mp4 (11.31 MB), 02:09
* 08 处理列表项的进场离场动画.mp4 (34.95 MB), 06:21
* 09 与第三方动画库集成.mp4 (18.05 MB), 03:30
* 10 使用 JavaScript 实现动画.mp4 (33.45 MB), 06:12
* 11 本章小结.mp4 (4.31 MB), 01:02
* 11 Vue 项目开发与部署/
* 01 本章简介.mp4 (0.28 MB), 00:07
* 02 调试:Vue 开发者工具简介.mp4 (29.28 MB), 05:37
* 03 Vue 项目的打包.mp4 (16.42 MB), 02:57
* 04 本章小结.mp4 (0.29 MB), 00:08
* 12 Vue Router 4.x 路由管理/
* 01 本章简介.mp4 (3.73 MB), 00:56
* 02 为什么需要 Vue Router.mp4 (5.83 MB), 01:34
* 03 一个不用 Vue Router 的例子.mp4 (24.47 MB), 04:34
* 04 Vue Router 安装和入门.mp4 (26.50 MB), 05:04
* 05 嵌套路由:实现页面子组件切换.mp4 (21.02 MB), 03:53
* 06 动态路由匹配和参数获取.mp4 (27.33 MB), 05:11
* 07 一个问题:路由组件不刷新.mp4 (28.17 MB), 05:08
* 08 高级路由匹配语法和优先级.mp4 (23.66 MB), 05:44
* 09 获取 query 查询参数.mp4 (6.37 MB), 01:26
* 10 使用命名路由精确控制跳转.mp4 (20.96 MB), 04:04
* 11 路由别名:不同路径渲染同一组件.mp4 (13.85 MB), 02:30
* 12 重定向:把当前 URL 跳转到其它 URL.mp4 (19.03 MB), 03:25
* 13 编程式的控制导航.mp4 (22.67 MB), 04:15
* 14 命名视图:同一路由渲染多个组件.mp4 (16.85 MB), 02:50
* 15 在嵌套路由中使用命名视图.mp4 (17.70 MB), 03:06
* 16 给当前活跃导航设置高亮样式.mp4 (19.16 MB), 03:33
* 17 导航守卫简介.mp4 (23.76 MB), 05:15
* 18 全局导航守卫.mp4 (36.84 MB), 06:21
* 19 路由导航守卫.mp4 (18.06 MB), 03:21
* 20 组件导航守卫.mp4 (30.86 MB), 05:29
* 21 路由 meta 元数据.mp4 (35.10 MB), 06:17
* 22 页面滚动行为控制.mp4 (21.37 MB), 04:48
* 23 代码分割:路由组件的懒加载.mp4 (11.29 MB), 01:59
* 24 给组件传递 Props.mp4 (24.46 MB), 04:22
* 25 封装 router-link 组件.mp4 (28.32 MB), 04:53
* 26 处理导航错误.mp4 (43.49 MB), 07:29
* 27 动态的添加路由.mp4 (42.89 MB), 07:01
* 28 路由过渡动画.mp4 (22.93 MB), 04:10
* 29 Composition API.mp4 (10.56 MB), 02:34
* 30 本章小结.mp4 (4.27 MB), 01:10
* 13 Vuex 4.x 全局状态管理/
* 01 本章简介.mp4 (3.90 MB), 00:56
* 02 为什么需要全局状态管理.mp4 (7.53 MB), 02:04
* 03 第一个 Vuex 示例.mp4 (25.77 MB), 04:44
* 04 定义和访问状态 state.mp4 (27.95 MB), 05:14
* 05 定义和触发 Mutations.mp4 (44.80 MB), 07:54
* 06 Getters:Vuex 中的计算属性.mp4 (25.07 MB), 04:26
* 07 Actions:定义异步业务逻辑.mp4 (33.74 MB), 05:37
* 08 在 Actions 中触发其它 Actions.mp4 (17.83 MB), 02:59
* 09 为什么 Mutations 必须是同步的.mp4 (22.97 MB), 04:08
* 10 表单处理注意事项.mp4 (38.20 MB), 06:42
* 11 模块化:隔离与减少文件体积.mp4 (51.33 MB), 09:19
* 12 模块命名空间.mp4 (58.59 MB), 10:17
* 13 vuex 应用文件结构.mp4 (21.63 MB), 03:42
* 14 配置日志插件参数.mp4 (37.83 MB), 06:08
* 15 与 vue devtools 集成.mp4 (11.85 MB), 02:02
* 16 Vuex 插件系统 - 实现一个状态持久化与还原插件.mp4 (36.28 MB), 06:28
* 17 Composition API.mp4 (25.33 MB), 04:22
* 18 本章小结.mp4 (6.10 MB), 01:48
* 14 Pinia 全局状态管理/
* 01 本章简介.mp4 (2.24 MB), 00:32
* 02 Pinia 简介.mp4 (9.10 MB), 02:13
* 03 添加 Pinia 到项目中.mp4 (11.86 MB), 02:07
* 04 添加 HTML CSS 页面模板.mp4 (20.66 MB), 03:38
* 05 创建 store.mp4 (9.87 MB), 02:15
* 06 添加状态.mp4 (8.80 MB), 01:41
* 07 在组件中访问状态.mp4 (14.00 MB), 02:34
* 08 在组件中直接修改状态.mp4 (23.02 MB), 04:00
* 09 Getters computed 计算状态.mp4 (25.94 MB), 04:36
* 10 使用 $patch 同时修改多个状态.mp4 (10.73 MB), 02:09
* 11 使用 Actions 修改状态.mp4 (18.45 MB), 03:13
* 12 使用 Actions 异步的修改状态.mp4 (10.28 MB), 01:52
* 13 定义多个 store.mp4 (26.65 MB), 04:39
* 14 store 之间互相访问.mp4 (19.95 MB), 03:29
* 15 编写插件.mp4 (30.99 MB), 05:39
* 16 利用 Vue 开发者工具进行调试.mp4 (10.58 MB), 02:08
* 17 与 TypeScript 集成.mp4 (18.56 MB), 03:04
* 18 使用 Options API 形式创建 Store.mp4 (36.87 MB), 06:00
* 19 本章小结.mp4 (1.22 MB), 00:26
* 15 综合示例/
* 01 项目简介.mp4 (10.92 MB), 02:51
* 02 Strapi 简介.mp4 (22.69 MB), 04:19
* 03 使用 Vite 创建项目.mp4 (16.15 MB), 02:49
* 04 添加图标、图片资源,编写 TheIcon 组件.mp4 (13.72 MB), 03:21
* 05 配置 Vue Router.mp4 (17.80 MB), 03:23
* 06 添加 NavBar 导航组件.mp4 (16.90 MB), 03:29
* 07 编写 HomePage 帖子列表.mp4 (11.30 MB), 02:12
* 08 抽离 TheAvatar 头像组件.mp4 (14.82 MB), 02:45
* 09 编写 HomePage 帖子详情弹窗.mp4 (11.02 MB), 02:10
* 10 抽离 PostActions.mp4 (14.05 MB), 02:22
* 11 抽离 TheModal 弹窗组件.mp4 (8.39 MB), 01:30
* 12 编写 HomePage 发布帖子弹窗.mp4 (8.75 MB), 01:50
* 13 抽离 TheLayout 组件.mp4 (8.47 MB), 01:51
* 14 抽离 PostList 和 PostItem 组件.mp4 (15.65 MB), 02:45
* 15 编写 SearchPage 搜索页.mp4 (6.02 MB), 01:28
* 16 编写 ProfilePage 个人资料页.mp4 (9.70 MB), 01:56
* 17 抽离 TheButton 按钮组件.mp4 (17.46 MB), 03:01
* 18 编写修改个人资料页.mp4 (8.00 MB), 01:22
* 19 编写注册、登录页.mp4 (21.63 MB), 04:03
* 20 添加 Footer 底部信息.mp4 (4.37 MB), 01:02
* 21 添加 Vuex.mp4 (12.98 MB), 02:25
* 22 封装 fetch.mp4 (19.97 MB), 03:55
* 23 配置 vite 代理.mp4 (4.94 MB), 01:12
* 24 用户注册功能实现.mp4 (49.96 MB), 08:43
* 25 用户登录功能实现.mp4 (14.13 MB), 02:48
* 26 登录页面自动跳转逻辑.mp4 (6.90 MB), 01:27
* 27 发布帖子 UI 逻辑.mp4 (31.41 MB), 05:08
* 28 发布帖子功能实现.mp4 (24.32 MB), 04:49
* 29 加载帖子列表功能实现.mp4 (35.93 MB), 05:47
* 30 点赞和收藏实现.mp4 (41.55 MB), 07:27
* 31 查看帖子详情功能实现.mp4 (33.05 MB), 05:06
* 32 发布评论功能实现.mp4 (19.16 MB), 03:08
* 33 加载评论列表功能实现.mp4 (23.51 MB), 03:44
* 34 修改个人资料功能实现.mp4 (43.39 MB), 07:12
* 35 个人资料页实现.mp4 (39.19 MB), 06:41
* 36 搜索帖子功能实现.mp4 (17.10 MB), 03:15
* 37 退出登录功能实现.mp4 (16.26 MB), 02:42
* 38 小结.mp4 (0.62 MB), 00:10
* 16 TypeScript 入门教程/
* 01 本章简介.mp4 (2.30 MB), 00:58
* 02 为什么要使用 TypeScript.mp4 (14.66 MB), 02:24
* 03 安装并配置 TypeScript 开发环境.mp4 (19.54 MB), 04:20
* 04 定义类型.mp4 (26.50 MB), 06:03
* 05 给变量添加基本类型.mp4 (7.82 MB), 01:50
* 06 给对象变量添加类型.mp4 (18.16 MB), 03:36
* 07 使用 type关键字定义可复用的对象类型.mp4 (15.15 MB), 02:48
* 08 可选的对象类型属性.mp4 (6.94 MB), 01:45
* 09 使用 interface 定义对象类型.mp4 (5.72 MB), 01:20
* 10 interface 与 type 的区别.mp4 (12.74 MB), 02:30
* 11 定义嵌套的对象类型.mp4 (7.05 MB), 01:28
* 12 给数组变量添加类型.mp4 (13.63 MB), 03:11
* 13 设置多种类型.mp4 (13.31 MB), 02:54
* 14 类型别名与值限定.mp4 (15.02 MB), 03:21
* 15 给函数参数添加类型.mp4 (21.88 MB), 04:38
* 16 给函数返回值添加类型.mp4 (8.00 MB), 02:03
* 17 箭头函数的类型.mp4 (10.49 MB), 02:52
* 18 函数作为参数值、变量值或对象方法时的类型.mp4 (16.86 MB), 03:45
* 19 函数调用签名 Call signature.mp4 (16.78 MB), 03:17
* 20 any 类型.mp4 (7.54 MB), 02:00
* 21 类型强制转换.mp4 (7.73 MB), 01:48
* 22 为什么使用泛型.mp4 (19.50 MB), 04:15
* 23 给函数添加泛型.mp4 (14.55 MB), 03:02
* 24 给对象类型添加泛型.mp4 (15.38 MB), 03:17
* 25 定义多个泛型参数.mp4 (15.16 MB), 03:27
* 26 泛型约束.mp4 (21.56 MB), 03:40
* 27 interface 类型继承.mp4 (6.47 MB), 01:29
* 28 type 定义的类型继承.mp4 (3.73 MB), 00:57
* 29 tsconfig 文件简介.mp4 (18.15 MB), 04:04
* 30 本章小结.mp4 (1.13 MB), 00:28
* 17 Vue 与 TypeScript 集成/
* 01 本章简介.mp4 (6.37 MB), 01:05
* 02 创建项目.mp4 (14.43 MB), 02:49
* 03 配置项目.mp4 (12.19 MB), 02:30
* 04 Ref 类型定义.mp4 (16.92 MB), 03:11
* 05 创建产品列表 UI.mp4 (37.25 MB), 06:14
* 06 定义 props 类型.mp4 (46.74 MB), 08:03
* 07 添加排序和过滤组件.mp4 (7.19 MB), 01:15
* 08 定义 emits 类型 & 原生 DOM 元素类型.mp4 (41.80 MB), 07:21
* 09 处理排序和筛选事件 & Reactive 类型定义.mp4 (37.22 MB), 06:31
* 10 computed 类型定义.mp4 (32.16 MB), 05:46
* 11 provideinject 类型定义.mp4 (36.92 MB), 06:34
* 12 template ref 类型定义.mp4 (22.22 MB), 03:48
* 13 组件 ref 类型定义.mp4 (17.21 MB), 02:51
* 14 本章小结.mp4 (3.87 MB), 01:18
* 18 课程总结/
* 01 课程总结.mp4 (9.15 MB), 02:34






