Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue.js被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用（SPA）提供驱动。

如果你之前已经习惯了用jQuery操作DOM，学习Vue.js时请先抛开手动操作DOM的思维，因为Vue.js是数据驱动的，你无需手动操作DOM。它通过一些特殊的HTML语法，将DOM和数据绑定起来。一旦你创建了绑定，DOM将和数据保持同步，每当变更了数据，DOM也会相应地更新。AngularJS是Vue早期开发的灵感来源。然而，AngularJS 中存在的许多问题，在 Vue 中已经得到解决。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时，Vue.js 也能地驱动复杂的单页应用。

而接下来我们要介绍的就是一学就会的Vue入门视频教程。本课程将一步一步地让大家快速地掌握Vue.js这样一个前端核心框架，提升自己的同时，适应当前公司的开发需要。如此好课，实在难得，不多说，打开本课程的目录，一睹为快吧！

第一章 Vue.js概述

 1-1 Vuejs概述_什么是Vuejs   (04:35)

 1-2 Vuejs概述_为什么要学习Vuejs   (06:21)

 1-3 Vuejs概述_Vuejs版本说明   (03:49)

 1-4 前端开发中的MVC思想   (13:00)

 1-5 Vuejs框架对于前端MVVM思想的支持   (07:26)

第二章 Vue.js基础语法

 2-1 Vuejs第一个程序_HelloWorld   (12:42)

 2-2 通过第一个案例分析MVVM思想   (08:18)

 2-3 v-cloak属性的使用   (09:25)

 2-4 为页面渲染值的方式   (04:56)

 2-5 插值表达式对于内容渲染的优势   (06:45)

 2-6 v-text和v-html在用法上的区别   (07:52)

 2-7 v-bind绑定属性   (07:46)

 2-8 v-bind在开发中的使用方式   (07:05)

 2-9 使用v-on指令触发事件   (09:26)

 2-10 使用事件修改符stop阻止事件的冒泡   (09:16)

 2-11 使用事件修改符prevent阻止默认行为   (06:32)

 2-12 使用事件修改符capture捕获触发事件机制   (04:42)

 2-13 使用事件修改符self阻止自身冒泡行为   (11:27)

 2-14 使用事件修改符once只触发一次事件   (09:16)

 2-15 数据绑定方式的方向问题_使用模型去渲染视图   (08:17)

 2-16 数据绑定方式的方向问题_什么是双向数据绑定   (07:05)

 2-17 双向数据绑定方式的实现_v-model的使用   (07:19)

 2-18 双向数据绑定方式的实现简单的计算器1   (08:10)

 2-19 双向数据绑定方式的实现简单的计算器2   (06:24)

 2-20 双向数据绑定方式的实现简单的计算器3   (02:26)

 2-21 页面元素传统样式的表达   (04:58)

 2-22 使用vuejs来控制样式1   (10:07)

 2-23 使用vuejs来控制样式2   (09:49)

 2-24 对于style属性样式的补充   (11:45)

 2-25 v-for指令的应用_遍历字符串数组   (07:01)

 2-26 v-for指令的应用_遍历对象数组   (04:18)

 2-27 v-for指令的应用_遍历对象属性和属性值   (04:00)

 2-28 v-for指令的应用_遍历整型数值   (01:56)

 2-29 v-for指令使用时的注意事项_对于key属性的添加   (10:55)

 2-30 v-if和v-for的使用和区别   (13:00)

第三章 Vue.js综合案例

 3-1 综合案例_需求分析   (07:43)

 3-2 综合案例_页面基本元素搭建1   (07:06)

 3-3 综合案例_页面基本元素搭建2   (09:36)

 3-4 综合案例_通过v-for展现学生信息列表   (11:18)

 3-5 综合案例_通过双向数据绑定实现学员的添加操作   (06:46)

 3-6 综合案例_实现学员删除操作   (05:10)

 3-7 综合案例_按照学员名字进行模糊搜索   (14:44)

 3-8 综合案例_搜索学员补充   (12:27)

Vue.js框架对于有HTML，CSS，JavaScript的基础的小伙伴来说能够快速上手，不同于其他的前端开发框架，Vue.js框架简单小巧的核心，渐进式技术栈，足以应付任何规模的应用。讲了这么多，你是否心动了呢？心动不如行动，快来免费学习本站的Vue.js视频课程吧！