下载APP
登录
关闭
讲堂
算法训练营
Python 进阶训练营
企业服务
极客商城
客户端下载
兑换中心
渠道合作
推荐作者
当前播放: 01 | 课程介绍
00:00 / 00:00
标清
  • 高清
  • 标清
  • 普清
1.0x
  • 2.0x
  • 1.5x
  • 1.25x
  • 1.0x
  • 0.5x
网页全屏
全屏
00:00
付费课程，可试看

Vue开发实战

共53讲 · 53课时，约500分钟
10501
免费
01 | 课程介绍
免费
02 | Vue简介
免费
03 | 内容综述
免费
04 | 第一个Vue程序
免费
05 | 组件基础及组件注册
免费
06 | Vue组件的核心概念：事件
免费
07 | Vue组件的核心概：插槽
08 | 理解单文件组件
09 | 双向绑定和单向数据流不冲...
10 | 理解虚拟DOM及key属性的...
11 | 如何触发组件的更新
12 | 合理应用计算属性和侦听器
13 | 生命周期的应用场景和函数...
14 | 指令的本质是什么
15 | 常用高级特性provide/inj...
16 | 如何优雅地获取跨层级组件...
17 | template和JSX的对比以及...
18 | 为什么需要Vuex
19 | 如何在Vue中使用Vuex
20 | Vuex核心概念及底层原理
21 | Vuex最佳实践
22 | Vue Router的使用场景
23 | 选择何种模式的路由及底层...
24 | Nuxt解决了哪些问题？
25 | Nuxt核心原理是什么？
26 | UI组件库对比：Element U...
27 | 提升开发效率和体验的常用...
28 | 单元测试的重要性及其使用
29 | 生态篇习题解答（上）
30 | 生态篇习题解答（下）
31 | Ant Design Pro介绍
32 | 使用Vue CLI 3快速创建...
33 | 如何自定义Webpack和Babel...
34 | 如何设计一个高扩展性的路...
35 | 实现一个可动态改变的页面...
36 | 如何将菜单和路由结合
37 | 如何使用路由管理用户权限
38 | 更加精细化的权限设计（权...
39 | 如何在组件中使用ECharts...
40 | 如何高效地使用Mock数据进...
41 | 如何与服务端进行交互（Ax...
42 | 创建一个普通表单
43 | 初始数据、自动校验、动态...
44 | 创建一个分步表单
45 | 自己封装一个支持自动校验...
46 | 如何管理系统中使用的图标
47 | 如何定制主题及动态切换主...
48 | 如何做好国际化
49 | 如何高效地构建打包发布
50 | 如何构建可交互的组件文档
51 | 如何做好组件的单元测试
52 | 如何发布组件到npm
53 | GitHub相关生态应用（持续...
本节摘要

源代码及课件地址

https://github.com/geektime-geekbang/geektime-vue-1

内容要点

Vue、 React 和 Angular 是当前应用最广的三大前端框架，仅从 GitHub 趋势来看，Vue 更是排在了第一位，目前已经达到了 13 万的 Star。

目前，不管是 BAT 大厂，还是创业公司，Vue 都有广泛的应用，相关技术原理也成为了面试中的必考知识点，对于任何一个前端工程师来说，Vue 都是一门非常值得我们学习的前端框架。

大部分人在学习和使用过程，经常面临以下问题：

  1. 概念过多，记不住，真正开发的时候还得一遍又一遍的翻文档；
  2. 没能真正理解数据驱动，总是用各种 hack 方法更改视图，为项目挖了一个又一个的坑；
  3. 工程化不熟练，面对大象项目中的单页面、多页面、前后端分离、mock 联调、构建、打包、单测、持续集成等等一系列流程，手忙脚乱不得要领。

针对以上痛点，本课程设计了专门的实战环节，学完后，你不仅能掌握 Vue 的技术原理，还能达到独立负责开发 Vue 前端项目的能力。

展开
 写留言

精选留言(84)

  • uinging
    2019-03-19
    用vue挺久了，希望能讲的点：
    • 源码解读
    • 海量数据时的优化
    • 组件化 css ，涉及到的覆盖、权重管理，css混淆，处理css冗余
    • 如何优雅调用组件内部暴露出去的方法
    • 复杂页面组件如何划分
    • 复杂表单相关操作（验证、提示、重置）
    • 提高可维护性的最佳实践
    • 组件单元测试，以及如何保证研发质量
    展开
    48
  • 塞夏的春天
    2019-03-18
    已经学习过基础的vue了，也自己尝试做过项目。但真的希望能有个高级的课程，提供个进阶的机会。总感觉自己写的有问题，应该有更好的实现方式。
    15
  • FishParadise
    2019-03-19
    一直从事后端开发，后来发现spring boot和前后端分离开发相性很好，就有了萌生学习vue的念头，主要还是希望可以看到如何快速的利用市场上的各种组件库搭建自己的系统，同时希望学习到当工作中遇见一个新的vue项目时，如何快速的从杂乱的前端代码中快速梳理出来一条阅读路线，就像后端代码我可以从main函数开始逐层剖析，前端工程往往觉得很繁琐。

    作者回复: 实战环节见 😄

    8
  • 你好园
    2019-03-19
    期待：VueJs的方法、属性、路由、中间件、项目实战，能详细透彻一点
    vueJs双向绑定实现原理 和 Vue和react的虚拟dom的区别
    6
  • Y.D. Zhuo
    2019-03-19
    期望加入源码解读的内容。
    4
  • pluto
    2019-03-18
    使用vue会让人感到身心愉悦,它同时具备angular和react的优点,轻量级,api简单,文档齐全,简单强大,麻雀虽小五脏俱全.

    作者回复: 👍

    2
  • Lin‮
    2019-03-18
    我现在前端和后端都在学习中，前段刚好有vue的需求，想要了解一下vue的东西，以便于使用，特别是同步异步方面的坑。
    2
  • 粒粒
    2019-03-18
    我是做后端的，因为公司发展需要学Vue，这个课很实战，希望可以快点掌握。
    2
  • 老师，希望你能看到哈，我正在考虑买一套vue教程学习，看了你的课程介绍感觉不错，但是我发现实际的课程目录写的并不是那么全，请问您确定教程中是用vue重写了整个antd pro吗？求解答！

    作者回复: 当然不是整个，是抽象pro,讲解里面的知识点，重复的东西不会开发，如图表，pro有很多类型的图表，我们只会通过一个类型来讲解图表的使用方式 而不是开发全部的图表

    1
  • KingSwim
    2019-03-19
    之前自学过一点，希望系统的学习一下。三大框架angular、react、Vue都有了解过 ，最后还是比较喜欢V ue的写法。
    1
  • 个人是做后端的，对于前端的很多技术有所了解，但是没有系统化的学习和实践，想通过课程给自己充个电，能对vue能有一下新的理解
    1
  • 阿尔法
    2019-12-04
    这个怎么没见实战案例？

    作者回复: 实战篇就是啊

  • 老师 适合初学者吗？

    作者回复: 需要有js css html 基础

  • 郑小七
    2019-09-18
    如何把ant design react项目集成到 ant design pro V2中
  • 七月 
    2019-06-19
    想来深造一下，vue只会简单的操作，希望通过学习能知道里面的原理，怎样运作的，为什么要这么实现，怎样建一个完整的项目
    1
  • Geek_f2b2a3
    2019-04-18
    可以讲一个比较全面的后台管理系统系统吗
  • 谢晋
    2019-04-17
    全栈工程师必备技能
  • 海味大神
    2019-04-17
    老师，ant design vue按需加载的时候less如果是3.x版本会无法通过编译。

    作者回复: 实战第三节有介绍解决方案

  • welkin
    2019-03-25
    想请作者讲一下生命周期函数和钩子函数，好像感觉vue改动很大

    作者回复: 和哪个比的改动？ 生命周期课程里面有的哈

  • 雷恩
    2019-03-20
    希望能学到些性能优化，webpack调优的知识，权限这块也是，ant-pro大项目很期待。
去订阅《Vue开发实战》