Vue 造轮子 从前端小工到高级前端

“饥人谷 – Vue 造轮子 从前端小工到高级前端”是一套以进阶为导向的前端课程，核心目标并不是简单教会使用 Vue.js，而是通过“造轮子”的方式，让学习者真正理解框架背后的设计思想与实现原理，从而完成从初级开发者向高级前端工程师的跃迁。

课程的最大特点在于“以实现驱动学习”。不同于常规Vue教程只讲组件使用、指令语法和项目开发流程，这套课程会带领学员一步步从零实现一个简化版的Vue框架。内容通常包括响应式系统原理（如数据劫持、依赖收集与派发更新）、虚拟DOM的设计与diff算法、模板编译机制，以及组件化架构的实现方式等。通过亲手实现这些核心模块，学习者能够真正理解Vue为何如此设计，而不仅仅停留在API层面。

在学习过程中，课程会结合 JavaScript 的进阶知识，例如闭包、原型链、函数式编程思想等，让学员在巩固语言基础的同时，提升代码抽象能力和架构思维。这种“语言能力+框架原理”的双线提升，对于突破技术瓶颈非常关键。

此外，课程还会深入讲解工程化与实际开发能力，包括模块化设计、代码拆分、性能优化以及项目结构规划等。通过模拟真实开发场景，学员不仅能理解框架内部机制，还能学会如何设计高质量、可维护的大型前端项目。这对于希望从“会写页面”转向“能做系统”的开发者来说尤为重要。

在“造轮子”的过程中，课程强调思考与推导，而不是简单照抄代码。例如，在实现响应式系统时，会分析不同实现方案的优缺点；在设计虚拟DOM时，会讨论性能与复杂度的权衡。这种训练能够培养工程师的底层思维，使其在面对新技术时具备快速学习和独立分析的能力。

从适用人群来看，这门课程更适合已经具备一定Vue开发经验的前端工程师，或者至少熟悉基础语法与项目开发流程的学习者。如果是完全零基础，可能会在理解源码和架构设计时感到吃力。但对于有一定经验、希望突破瓶颈的人来说，这是一门含金量较高的进阶课程。

总体而言，“饥人谷Vue造轮子”不仅是一门技术课程，更是一种能力训练路径。通过系统拆解框架原理与实践实现，学习者可以逐步建立起对前端技术体系的深度理解，从“使用工具的人”转变为“构建工具的人”，在求职竞争和职业发展中具备更强的优势。

课程截图：

课程目录：

📁 Vue UI 框架-初级版
    📁 9 简单轮子：Toast 组件 6 视频
        📁 2 学习资源
            6. 视频 测试用例.mp4  [97.0 MB]
            5. 视频 重构.mp4  [89.1 MB]
            4. 视频 完善功能.mp4  [46.5 MB]
            3. 视频 更多需求.mp4  [51.5 MB]
            2. 视频 初步实现.mp4  [35.1 MB]
            1. 视频 需求分析.mp4  [33.0 MB]
        📁 1 课程简介
            1 课程简介说明.zip  [1.8 MB]
            简单轮子：Toast 组件.png  [234.7 KB]
        📁 1 课程简介
            简单轮子：Toast 组件 超链接.txt  [114.0 B]
    📁 8 简单轮子：默认布局 2 视频
        📁 2 学习资源
            2. 视频 完成布局组件.mp4  [80.3 MB]
            1. 视频 布局组件.mp4  [62.2 MB]
        📁 1 课程简介
            简单轮子：默认布局.png  [20.4 KB]
    📁 5 框架搭建（下）5 视频 3 文章 1 问卷
        📁 3 课后习题
            📁 测试 课后题
                第 1 题.png  [233.8 KB]
        📁 2 学习资源
            7. 视频 使用npm发布自己的包.mp4  [92.5 MB]
            6. 视频 使用travisci做持续集成.mp4  [56.0 MB]
            8. 视频 npm link的使用.mp4  [15.9 MB]
            5. 视频 使用mocha&chai做单元测试.mp4  [58.8 MB]
            4. 视频 使用karma做自动化测试.mp4  [69.7 MB]
            2. 文章 发布 npm 包.png  [78.8 KB]
            3. 文章 持续集成.png  [18.5 KB]
            2 学习资源说明.zip  [1.8 MB]
            1. 文章 自动化测试.png  [207.4 KB]
        📁 1 课程简介
            框架搭建（下.png  [56.0 KB]
    📁 4 框架搭建（上） 5 视频 1 文章 1 问卷
        📁 3 课后习题
            📁 测试 项目搭建
                第 5 题.png  [221.4 KB]
                第 4 题 超链接.txt  [59.0 B]
                第 4 题.png  [34.6 KB]
                第 3 题.png  [33.7 KB]
                第 2 题.png  [37.2 KB]
                第 1 题.png  [34.0 KB]
        📁 2 学习资源
            6. 视频 单元测试与mock.mp4  [73.1 MB]
            4. 视频 添加icon.mp4  [119.4 MB]
            5. 视频 添加loading.mp4  [70.4 MB]
            3. 视频 项目初始化.mp4  [125.9 MB]
            2. 视频 需求分析.mp4  [23.1 MB]
            1. 文章 讲义.png  [106.9 KB]
            2 学习资源文档.png  [493.5 KB]
            1. 文章 讲义 超链接.txt  [435.0 B]
        📁 1 课程简介
            框架搭建（上.png  [203.7 KB]
            1 课程简介必看.png  [493.5 KB]
        4 框架搭建（上） 5 视频 1 文章 1 问卷说明.zip  [1.8 MB]
    📁 3 UI 设计 3 视频 1 文章 1 问卷
        📁 3 课后习题
            📁 测试 UI测试题
                超链接.txt  [52.0 B]
                第 1 题.png  [34.0 KB]
        📁 2 学习资源
            2. 视频 网站开发全流程.mp4  [36.7 MB]
            4. 视频 设计约定.mp4  [27.7 MB]
            3. 视频 视频 sketch与墨刀.mp4  [19.0 MB]
            1. 文章 讲义 超链接.txt  [83.0 B]
            1. 文章 讲义.png  [308.9 KB]
        📁 1 课程简介
            UI 设计.png  [39.9 KB]
            超链接.txt  [107.0 B]
            1 课程简介说明.zip  [1.8 MB]
    📁 13 阶段性总结 4 视频 1 文章 1 问卷
        📁 3 课后习题
            📁 测试 自制官网
                第 2 题.png  [23.0 KB]
                第 1 题.png  [22.2 KB]
        📁 2 学习资源
            5.视频 部署到github pages.mp4  [53.0 MB]
            3. 视频 制作自己的官网.mp4  [41.1 MB]
            4. 视频 展示自己的组件.mp4  [31.3 MB]
            2.视频 阶段性总结.mp4  [42.9 MB]
            1.文章 讲义.png  [228.5 KB]
            1.文章 讲义 超链接.txt  [119.0 B]
        📁 1 课程简介
            阶段性总结.png  [36.5 KB]
    📁 1 课前水平自测 1 问卷
        📁 2 课后习题
            📁 测试 JS、Vue 水平自测
                第 9 题.png  [31.5 KB]
                第 8 题.png  [26.6 KB]
                第 7 题.png  [33.8 KB]
                第 6 题.png  [38.3 KB]
                第 4 题.png  [28.7 KB]
                第 5 题.png  [30.8 KB]
                第 3 题.png  [32.4 KB]
                第 1 题.png  [27.3 KB]
                第 2 题.png  [26.8 KB]
        📁 1 课程简介
            超链接.txt  [179.0 B]
            1 课程简介资料.png  [493.5 KB]
            课前水平自测.png  [32.0 KB]
    📁 6 简单轮子：文本输入框 6 视频 1 问卷
        📁 3 课后习题
            📁 测试 input组件
                第 1 题.png  [164.7 KB]
        📁 2 学习资源
            4. 视频 写input的样式.mp4  [84.1 MB]
            5. 视频 测试驱动开发.mp4  [99.0 MB]
            6. 视频 让input支持v-model.mp4  [54.9 MB]
            3. 视频 input组件需求分析.mp4  [8.8 MB]
            2. 视频 如何解决奇怪的bug.mp4  [34.7 MB]
            1. 视频 如何书写readme（遇到一个bug.mp4  [48.8 MB]
        📁 1 课程简介
            简单轮子：文本输入框.png  [62.2 KB]
            简单轮子：文本输入框 超链接.txt  [131.0 B]
            1 课程简介说明.png  [493.5 KB]
    📁 7 简单轮子：网格系统 8 视频 1 文章
        📁 2 学习资源
            9. 视频 完善测试用例.mp4  [71.3 MB]
            8. 视频 实现响应式.mp4  [71.8 MB]
            6. 视频 手动测试.mp4  [45.5 MB]
            4. 视频 用vue钩子实现基本功能.mp4  [110.7 MB]
            5. 视频 重构与重写.mp4  [24.3 MB]
            3. 视频 git branch & git checkout 的使用.mp4  [14.3 MB]
            2. 视频 网格系统.mp4  [24.4 MB]
            7. 视频 工程师与设计师之间的权衡.mp4  [6.5 MB]
            2 学习资源说明.png  [493.5 KB]
            1. 文章 讲义.png  [95.1 KB]
            1. 文章 讲义 超链接.txt  [254.0 B]
        📁 1 课程简介
            简单轮子：网格系统.png  [50.6 KB]
            1 课程简介说明.png  [493.5 KB]
    📁 20 表单验证 3 视频
        📁 学习资源
            3.视频 使用面向对象思维.mp4  [47.4 MB]
            2.视频 测试驱动开发 tdd.mp4  [89.0 MB]
            1.视频 基本思路.mp4  [88.6 MB]
        📁 课程简介
            课程简介必看.zip  [1.8 MB]
            表单验证.png  [37.5 KB]
    📁 2 课程概览 5 视频 1 文章 2 问卷
        📁 3 课后习题
            📁 2 测试 关于轮子的面试题1
                第 1 题.png  [31.3 KB]
            📁 1 测试 Vue造轮子第一课习题
                第 1 题.png  [24.2 KB]
                第 2 题.png  [31.3 KB]
            3 课后习题文档.zip  [1.8 MB]
        📁 2 学习资源
            6. 视频 课程简介5.mp4  [66.2 MB]
            5. 视频 课程简介4.mp4  [49.0 MB]
            3. 视频 课程简介2.mp4  [27.3 MB]
            4. 视频 课程简介3.mp4  [14.5 MB]
            2. 视频 课程简介1.mp4  [12.9 MB]
            2 学习资源资料.zip  [1.8 MB]
            1. 文章 讲义.png  [242.7 KB]
            1. 文章 讲义 文章中 超链接.txt  [595.0 B]
        📁 1 课程简介
            课程概览.png  [31.8 KB]
        2 课程概览 5 视频 1 文章 2 问卷资料.zip  [1.8 MB]
    📁 19 测试框架改造：使用 Karma g 1 视频
        📁 2 学习资源
            1.视频 vuecli配合karma和chrome一起使用.mp4  [35.7 MB]
            2 学习资源资料.png  [493.5 KB]
        📁 1 课程简介
            测试框架改造：使用 Karma.png  [82.5 KB]
            1 课程简介必看.png  [493.5 KB]
        19 测试框架改造：使用 Karma g 1 视频资料.zip  [1.8 MB]
    📁 18 中级轮子：Nav 组件 6 视频
        📁 2 学习资源
            6.视频 受cascader启发解决bug.mp4  [57.7 MB]
            5.视频 实现多级导航栏遇到bug.mp4  [69.6 MB]
            2.视频 实现nav基本结构.mp4  [82.4 MB]
            4.视频 再次深入理解v-if和v-show的区别.mp4  [19.1 MB]
            1.视频 项目目录结构整理.mp4  [76.2 MB]
            3.视频 使用依赖注入实现跨级调用.mp4  [13.8 MB]
            2 学习资源必看.png  [493.5 KB]
        📁 1 课程简介
            中级轮子：Nav 组件超链接.txt  [76.0 B]
            中级轮子：Nav 组件.png  [49.3 KB]
            1 课程简介资料.png  [493.5 KB]
        18 中级轮子：Nav 组件 6 视频说明.zip  [1.8 MB]
    📁 15 中级轮子：省市区级联选择组件（下） & 构建工具升级 6 视频
        📁 2 学习资源
            6.视频 0819-2-单元测试全面升级.mp4.mp4  [181.0 MB]
            3.视频 0818-3-理解指令.mp4.mp4  [67.7 MB]
            5.视频 0819-1-插播一个面试题.mp4.mp4  [14.8 MB]
            4.视频 0818-4-加载数据时展示菊花.mp4.mp4  [64.2 MB]
            2.视频 0818-2-使用isleaf判断叶子节点.mp4.mp4  [70.2 MB]
            1.视频 0818-1-深入理解computed.mp4  [34.4 MB]
        📁 1 课程简介
            中级轮子：省市区级联选择组件（下） & 构建工具升级 -！.png  [47.1 KB]
            1 课程简介文档.png  [493.5 KB]
        15 中级轮子：省市区级联选择组件（下） & 构建工具升级 6 视频说明.png  [493.5 KB]
    📁 17 中级轮子：无缝轮播组件 10 视频
        📁 2 学习资源
            9.视频 完成测试用例.mp4  [78.0 MB]
            8.视频 前进后退功能.mp4  [18.5 MB]
            7.视频 支持移动设备（手机.mp4  [54.6 MB]
            6.视频 使用 $nexttick 解决更新不及时的 bug.mp4  [45.3 MB]
            2.视频 轮播思路2-操作组件.mp4  [85.0 MB]
            4.视频 添加小圆圈.mp4  [40.0 MB]
            3.视频 制作动画.mp4  [47.8 MB]
            10.视频 总结.mp4  [12.1 MB]
            1.视频 轮播思路1-操作dom.mp4  [23.5 MB]
            5.视频 设定动画的方向.mp4  [5.6 MB]
        📁 1 课程简介
            中级轮子：无缝轮播组件.png  [39.0 KB]
            1 课程简介资料.png  [493.5 KB]
            中级轮子：无缝轮播组件 超链接.txt  [261.0 B]
        17 中级轮子：无缝轮播组件 10 视频说明.png  [493.5 KB]
    📁 16 Vue 动画原理 6 视频
        📁 2 学习资源
            6.视频 总结之前的几种动画.mp4  [16.4 MB]
            5.视频 vue动画5 - 列表动画.mp4  [19.6 MB]
            4.视频 vue动画方式4 - 多元素动画.mp4.mp4  [24.8 MB]
            3.视频 vue动画方式3 - js 操作动画.mp4  [36.3 MB]
            1.视频 vue动画方式1 - css transition.mp4  [37.4 MB]
            2.视频 vue动画方式2- css animation.mp4  [10.0 MB]
            2 学习资源文档.zip  [1.8 MB]
        📁 1 课程简介
            Vue 动画原理.png  [36.0 KB]
            1 课程简介必看.zip  [1.8 MB]
        16 Vue 动画原理 6 视频必看.png  [493.5 KB]
    📁 12 简单轮子：手风琴组件 4 视频 1 问卷
        📁 2 学习资源
            4.视频 组件经验总结.mp4  [8.5 MB]
            3.视频 实现selected.sync.mp4  [47.3 MB]
            2.视频 一个不太好的实现single的方式.mp4  [17.9 MB]
            1.视频 创建手风琴组件.mp4  [36.5 MB]
        📁 3 课后习题
            手风琴组件自测.png  [46.3 KB]
        📁 1 课程简介
            简单轮子：手风琴组件.png  [47.0 KB]
            简单轮子：手风琴组件 超链接.txt  [329.0 B]
    📁 14 中级轮子：省市区级联选择组件 9 视频 1 文章
        📁 2 学习资源
            9. 视频 使用单向数据流简化问题.mp4  [168.7 MB]
            7. 视频 尝试使用 vue-cli@3 成功.mp4  [88.3 MB]
            6. 视频 （可选）尝试使用 webpack@4 失败.mp4  [123.0 MB]
            8. 视频 （可选）尝试在点击 level1 的时候隐藏 level3 失败.mp4  [15.0 MB]
            5. 视频 添加样式时发现 parcel 有问题.mp4  [75.4 MB]
            4. 视频 递归渲染.mp4  [24.7 MB]
            2. 视频 省市区层级选择组件.mp4  [103.5 MB]
            3. 视频 渲染弹出内容.mp4  [57.3 MB]
            10. 视频 使用递归算法找出被选中的item.mp4  [68.4 MB]
            1. 文章 如何从 parcel 迁移到 vue-cli.png  [87.4 KB]
        📁 1 课程简介
            中级轮子：省市区级联选择组件.png  [24.6 KB]
            1 课程简介资料.png  [493.5 KB]
    📁 11 简单轮子：Popover 组件 4 视频
        📁 2 学习资源
            3. 视频 支持四个方位.mp4  [97.3 MB]
            4. 视频 支持click和hover两种方式.mp4  [52.6 MB]
            2. 视频 解决新手常见的三个问题.mp4  [121.7 MB]
            1. 视频 开始popover组件.mp4  [70.7 MB]
            2 学习资源文档.zip  [1.8 MB]
        📁 1 课程简介
            简单轮子：Popover 组件.png  [39.8 KB]
            1 课程简介资料.zip  [1.8 MB]
    📁 10 简单轮子：Tab 组件 8 视频 1 文章
        📁 2 学习资源
            8. 视频 tabs测试（下.mp4  [118.5 MB]
            7. 视频 tabs测试（上.mp4  [64.4 MB]
            6. 视频 如何切换tab.mp4  [61.1 MB]
            5. 视频 依赖注入和eventbu.mp4  [53.6 MB]
            4. 视频 创建五个组件.mp4  [35.0 MB]
            2. 视频 解决bug的思路.mp4  [51.8 MB]
            3. 视频 需求分析.mp4  [18.1 MB]
            1. 视频 最近反馈的问题解答.mp4  [19.6 MB]
            9. 文章 解决BUG的思路.png  [544.9 KB]
            2 学习资源必看.zip  [1.8 MB]
        📁 1 课程简介
            简单轮子：Tab 组件.png  [116.6 KB]
            简单轮子：Tab 组件 超链接.txt  [120.0 B]
            1 课程简介文档.png  [493.5 KB]
        10 简单轮子：Tab 组件 8 视频 1 文章文档.zip  [1.8 MB]
📁 Vue UI框架-高级版
    📁 07.升级的 table 组件
        08.技术总结.mp4  [16.3 MB]
        07.把columns改成table-column.mp4  [66.9 MB]
        06.$slots与$children的关系.mp4  [42.8 MB]
        05.然而使用jsx并不现实.mp4  [20.7 MB]
        04.vue支持jsx语法.mp4  [24.1 MB]
        03.table组件无法自定义单元格.mp4  [11.5 MB]
        02.插播：sicp介绍.mp4  [29.3 MB]
        01.课程简介.md  [114.0 B]
    📁 06.测试覆盖率
        06.将所有文件纳入测试.mp4  [16.6 MB]
        05.分支覆盖率.mp4  [15.0 MB]
        04.函数覆盖率.mp4  [17.0 MB]
        03.如何配置覆盖率.mp4  [28.1 MB]
        02.没有测试的库是会死的.mp4  [37.5 MB]
        07.测试人员还有必要吗.mp4  [6.1 MB]
        06.测试覆盖率说明.zip  [1.8 MB]
        01.课程简介.md  [115.0 B]
    📁 05.单元测试、自动化测试、持续集成、NPM 发布包
        08.使用npm发布自己的包.mp4  [99.3 MB]
        07.使用travisci做持续集成.mp4  [57.0 MB]
        09.npm link的使用.mp4  [21.3 MB]
        06.使用mocha&chai做单元测试.mp4  [59.4 MB]
        05.使用karma做自动化测试.mp4  [70.0 MB]
        10.课后题[答案.md  [120.0 B]
        10.课后题.md  [120.0 B]
        03.发布 npm 包.md  [1.7 KB]
        04.持续集成.md  [194.0 B]
        02.自动化测试.md  [6.6 KB]
        01.课程简介.md  [1.7 KB]
    📁 04.框架雏形、单元测试、Mock数据
        07.单元测试与mock.mp4  [75.1 MB]
        05.添加icon.mp4  [131.1 MB]
        04.项目初始化.mp4  [129.2 MB]
        06.添加loading.mp4  [71.6 MB]
        03.需求分析.mp4  [26.7 MB]
        08.项目搭建.md  [4.1 KB]
        08.项目搭建[答案.md  [4.1 KB]
        02.讲义.md  [2.5 KB]
        01.课程简介.md  [1.2 KB]
    📁 03.体验、交互、sketch
        05.设计约定.mp4  [29.5 MB]
        04.sketch与墨刀.mp4  [19.6 MB]
        03.网站开发全流程.mp4  [44.3 MB]
        03.体验、交互、sketch文档.zip  [1.8 MB]
        06.UI测试题.md  [402.0 B]
        06.UI测试题[答案.md  [402.0 B]
        01.课程简介.md  [545.0 B]
        02.讲义.md  [2.5 KB]
    📁 02.课程介绍
        06.直播答疑.mp4  [53.8 MB]
        07.课前准备.mp4  [68.9 MB]
        05.前置知识.mp4  [14.6 MB]
        04.造轮子的益处.mp4  [28.5 MB]
        03.课前测试题答疑.mp4  [14.5 MB]
        09.关于轮子的面试题.md  [322.0 B]
        09.关于轮子的面试题[答案.md  [342.0 B]
        08.Vue造轮子第一课习题.md  [458.0 B]
        08.Vue造轮子第一课习题[答案.md  [458.0 B]
        02.课程介绍说明.png  [493.5 KB]
        01.课程简介.md  [316.0 B]
        02.讲义.md  [5.0 KB]
    📁 01.测一测你的JavaScript、Vue基础
        02.JS、Vue 水平自测.md  [3.8 KB]
        01.测一测你的JavaScript、Vue基础必看.zip  [1.8 MB]
        02.JS、Vue 水平自测[答案.md  [3.8 KB]
        01.课程简介.md  [470.0 B]
📁 Vue UI 框架-进阶版
    📁 19.课程总结
        07.总结.mp4  [11.6 MB]
        06.发布并使用自己的组件.mp4  [44.2 MB]
        04.导出所有组件.mp4  [25.8 MB]
        05.从gulu中排除vue（实际上默认排除了.mp4  [22.2 MB]
        03.umd是什么.mp4  [10.4 MB]
        02.使用lib模式打umd包.mp4  [40.1 MB]
        19.课程总结文档.png  [493.5 KB]
        01.课程简介.md  [12.0 B]
    📁 18.Sticky 组件
        08.为什么组件的data必须是函数.mp4  [24.6 MB]
        07.timerid写在data里有问题吗.mp4  [9.5 MB]
        06.完善sticky.mp4  [13.2 MB]
        05.函数debounce.mp4  [25.3 MB]
        03.解决sticky的四个bug.mp4  [56.2 MB]
        04.热更新与beforedestroy.mp4  [12.5 MB]
        02.sticky需求分析.mp4  [45.0 MB]
        18.Sticky 组件说明.zip  [1.8 MB]
        01.课程简介.md  [187.0 B]
    📁 17.中级轮子：图片上传的单元测试
        09.答疑：单元测试难写吗.mp4  [13.6 MB]
        08.stub讲解.mp4  [34.1 MB]
        07.测试完毕.mp4  [10.6 MB]
        06.如何测试.sync.mp4  [39.3 MB]
        05.遇到bug！.mp4  [14.4 MB]
        04.二分法debug.mp4  [14.5 MB]
        03.使用假函数测试.mp4  [8.0 MB]
        02.图片上传单元测试.mp4  [38.4 MB]
        17.中级轮子：图片上传的单元测试必看.png  [493.5 KB]
        10.答疑：渲染任务是异步执行的.mp4  [6.7 MB]
        01.课程简介.md  [75.0 B]
    📁 16.中级轮子：图片上传组件（多文件）
        03.并发造成bug！.mp4  [31.0 MB]
        02.一次上传多个文件.mp4  [82.3 MB]
        16.中级轮子：图片上传组件（多文件）说明.zip  [1.8 MB]
        01.课程简介.md  [55.0 B]
    📁 15.图片上传组件（单文件）
        15.创建uploader.mp4  [34.5 MB]
        14.ui细节完善.mp4  [42.5 MB]
        13.完善css.mp4  [48.6 MB]
        12.渲染任务是异步执行的！.mp4  [21.6 MB]
        11.update拼成upload造成 bug.mp4  [35.2 MB]
        10.显示上传中.mp4  [43.5 MB]
        08.初步实现uploader.mp4  [66.5 MB]
        09.删除功能.mp4  [10.6 MB]
        05.ajax实现文件上传.mp4  [53.0 MB]
        06.使用heroku当做服务器.mp4  [19.7 MB]
        04.图片上传后台实现.mp4  [40.3 MB]
        03.图片上传接口设计.mp4  [23.5 MB]
        02.图片上传需求分析.mp4  [35.0 MB]
        07.为heroku添加npm start.mp4  [7.1 MB]
        01.课程简介.md  [18.0 B]
    📁 14.Table 组件
        18.让用户给出列宽.mp4  [31.5 MB]
        17.table里面的按钮.mp4  [14.0 MB]
        16.重新审视代码.mp4  [13.0 MB]
        15.展开行功能.mp4  [50.9 MB]
        13.固定表头.mp4  [44.3 MB]
        12.学生作品.mp4  [11.1 MB]
        11.固定表头.mp4  [75.2 MB]
        09.表格排序功能.mp4  [85.6 MB]
        10.表格的loading状态.mp4  [15.9 MB]
        08.如何判断全选.mp4  [31.0 MB]
        07.vue和react的对比.mp4  [14.4 MB]
        06.小结.mp4  [8.0 MB]
        05.全选与反选.mp4  [11.1 MB]
        02.table需求分析.mp4  [108.0 MB]
        03.用单向数据流改造table.mp4  [48.1 MB]
        04.v-for一定要搭配key=id.mp4  [25.1 MB]
        14.固定一列.mp4  [4.8 MB]
        14.Table 组件必看.zip  [1.8 MB]
        01.课程简介.md  [12.0 B]
    📁 13.分页组件
        03.完善pager样式.mp4  [74.8 MB]
        02.初步实现pager.mp4  [101.5 MB]
        04.理解data和computed的区别.mp4  [36.4 MB]
        01.课程简介.md  [12.0 B]
    📁 12.表单验证
        04.使用面向对象思维.mp4  [43.5 MB]
        02.基本思路.mp4  [96.0 MB]
        03.测试驱动开发 tdd.mp4  [81.2 MB]
        12.表单验证说明.png  [493.5 KB]
        01.课程简介.md  [12.0 B]
    📁 11.使用 Karma做测试
        02.vuecli配合karma和chrome一起使用.mp4  [34.0 MB]
        01.课程简介.md  [784.0 B]
    📁 10.Nav 组件
        12.测试用例.mp4  [66.4 MB]
        10.收缩动画.mp4  [65.2 MB]
        11.完善细节.mp4  [49.6 MB]
        09.支持垂直导航.mp4  [55.0 MB]
        06.实现多级导航栏遇到bug.mp4  [76.7 MB]
        07.受cascader启发解决bug.mp4  [63.3 MB]
        05.再次深入理解v-if和v-show的区别.mp4  [23.4 MB]
        03.实现nav基本结构.mp4  [90.4 MB]
        04.使用依赖注入实现跨级调用.mp4  [15.0 MB]
        02.项目目录结构整理.mp4  [80.4 MB]
        08.讲义.md  [111.0 B]
        01.课程简介.md  [59.0 B]
    📁 09.无缝轮播组件
        11.总结.mp4  [11.4 MB]
        10.完成测试用例.mp4  [78.6 MB]
        08.支持移动设备（手机.mp4  [61.7 MB]
        09.前进后退功能.mp4  [19.3 MB]
        07.使用 $nexttick 解决更新不及时的 bug.mp4  [49.3 MB]
        04.制作动画.mp4  [51.0 MB]
        05.添加小圆圈.mp4  [42.3 MB]
        03.轮播思路2-操作组件.mp4  [95.9 MB]
        02.轮播思路1-操作dom.mp4  [26.2 MB]
        09.无缝轮播组件资料.png  [493.5 KB]
        06.设定动画的方向.mp4  [5.9 MB]
        01.课程简介.md  [299.0 B]
    📁 08.深入讲解Vue 动画原理
        07.总结之前的几种动画.mp4  [19.8 MB]
        06.vue动画5 - 列表动画.mp4  [21.5 MB]
        05.vue动画方式4 - 多元素动画.mp4.mp4  [29.5 MB]
        04.vue动画方式3 - js 操作动画.mp4  [33.6 MB]
        02.vue动画方式1 - css transition.mp4  [41.6 MB]
        03.vue动画方式2- css animation.mp4  [11.8 MB]
        08.深入讲解Vue 动画原理必看.zip  [1.8 MB]
        01.课程简介.md  [28.0 B]
    📁 07.省市区级联选择组件(下)
        07.单元测试全面升级.mp4  [187.0 MB]
        05.加载数据时展示菊花.mp4  [64.8 MB]
        06.插播一个面试题.mp4  [19.7 MB]
        04.理解指令.mp4  [74.2 MB]
        02.深入理解computed.mp4  [33.7 MB]
        03.使用isleaf判断叶子节点.mp4  [65.2 MB]
        07.省市区级联选择组件(下)资料.zip  [1.8 MB]
        01.课程简介.md  [36.0 B]
    📁 06.省市区级联选择组件(上)
        10.使用单向数据流简化问题.mp4  [183.9 MB]
        11.使用递归算法找出被选中的item.mp4  [65.7 MB]
        08.尝试使用 vue-cli@3 成功.mp4  [93.4 MB]
        09.（可选）尝试在点击 level1 的时候隐藏 level3 失败.mp4  [18.2 MB]
        07.（可选）尝试使用 webpack@4 失败.mp4  [119.3 MB]
        06.添加样式时发现 parcel 有问题.mp4  [79.9 MB]
        04.渲染弹出内容.mp4  [63.1 MB]
        05.递归渲染.mp4  [28.8 MB]
        03.省市区层级选择组件.mp4  [115.5 MB]
        01.课程简介.md  [291.0 B]
        02.如何从 parcel 迁移到 vue-cli.md  [1.4 KB]
    📁 04.框架雏形、单元测试、Mock数据
        07.单元测试与mock.mp4  [75.1 MB]
        05.添加icon.mp4  [131.1 MB]
        06.添加loading.mp4  [71.6 MB]
        04.项目初始化.mp4  [129.2 MB]
        03.需求分析.mp4  [26.7 MB]
        08.项目搭建.md  [4.1 KB]
        08.项目搭建[答案.md  [4.1 KB]
        04.框架雏形、单元测试、Mock数据必看.zip  [1.8 MB]
        01.课程简介.md  [1.2 KB]
        02.讲义.md  [2.5 KB]
    📁 05.单元测试、自动化测试、持续集成、NPM 发布包
        08.使用npm发布自己的包.mp4  [99.3 MB]
        09.npm link的使用.mp4  [21.3 MB]
        07.使用travisci做持续集成.mp4  [57.0 MB]
        06.使用mocha&chai做单元测试.mp4  [59.4 MB]
        05.使用karma做自动化测试.mp4  [70.0 MB]
        10.课后题.md  [120.0 B]
        10.课后题[答案.md  [120.0 B]
        04.持续集成.md  [185.0 B]
        01.课程简介.md  [1.7 KB]
        02.自动化测试.md  [6.6 KB]
        03.发布 npm 包.md  [1.7 KB]
    📁 03.体验、交互、sketch
        05.设计约定.mp4  [29.5 MB]
        04.sketch与墨刀.mp4  [19.6 MB]
        03.网站开发全流程.mp4  [44.3 MB]
        06.UI测试题[答案.md  [422.0 B]
        02.讲义.md  [2.5 KB]
        01.课程简介.md  [545.0 B]
        06.UI测试题.md  [422.0 B]
    📁 01.测一测你的JavaScript、Vue基础
        01.测一测你的JavaScript、Vue基础文档.png  [493.5 KB]
        01.课程简介.md  [470.0 B]
        02.JS、Vue 水平自测.md  [3.8 KB]
        02.JS、Vue 水平自测[答案.md  [3.8 KB]
    📁 02.课程介绍
        07.课前准备.mp4  [68.9 MB]
        06.直播答疑.mp4  [53.8 MB]
        04.造轮子的益处.mp4  [28.5 MB]
        05.前置知识.mp4  [14.6 MB]
        09.关于轮子的面试题.md  [322.0 B]
        09.关于轮子的面试题[答案.md  [342.0 B]
        03.课前测试题答疑.mp4  [14.5 MB]
        08.Vue造轮子第一课习题[答案.md  [458.0 B]
        08.Vue造轮子第一课习题.md  [458.0 B]
        02.讲义.md  [5.0 KB]
        01.课程简介.md  [316.0 B]
    Vue UI 框架-进阶版资料.png  [493.5 KB]