最容易上手的Vue2.0入门实战教程

课程介绍：

《Vue.js入门基础》讲师倾情推出的实战课程，使用Vue2.0版本，带你快速入门Vue2.0，完成从入门到实战的完美过渡，为之后使用Vue2.0做更高级的开发打下坚实的基础

课程目录：

• 第1章 课程简介2 节 | 14分钟

  讲解课程安排，面象人群，以及对课程的项目做了效果演示。

  收起列表

  • 视频：1-1 课程简介 (07:50)
  • 视频：1-2 vue2.0简介 (05:23)

• 第2章 Vue简介4 节 | 40分钟

  对vue一些最基础的知识做了讲解：实例对象、vue组件以及vue的一些相关概念。

  收起列表

  • 视频：2-1 vue三个特点 (07:48)
  • 视频：2-2 Vue实例对象 (07:12)
  • 视频：2-3 Vue的组件 (13:47)
  • 视频：2-4 Vue的相关概念 (10:27)

• 第3章 功能接口（1）7 节 | 73分钟

  对文本渲染v-html、v-text、列表渲染 v-for 数组，对象，子组件；列表数据的同步更新方法；vue标签属性和条件渲染；事件绑定-内置事件绑定、自定义事件绑定；表单事件绑定；计算属性和数据监听等进行了讲解。

  收起列表

  • 视频：3-1 文本渲染-v-html、v-text (06:01)
  • 视频：3-2 列表渲染-v-for 数组，对象，子组件 (10:54)
  • 视频：3-3 列表数据的同步更新方法 (07:34)
  • 视频：3-4 vue标签属性和条件渲染 (13:35)
  • 视频：3-5 事件绑定-内置事件绑定、自定义事件绑定 (08:03)
  • 视频：3-6 事件绑定-表单事件绑定 (15:48)
  • 视频：3-7 计算属性和数据监听 (10:18)

• 第4章 功能接口（2）9 节 | 72分钟

  对组件之间通信；过渡动画：css实现过渡动画； JS实现过渡动画；自定义指令；插件；单文件组件等进行了讲解。

  收起列表

  • 视频：4-1 组件之间的通信 (14:02)
  • 视频：4-2 组件之间的通信-动态属性传递 (08:20)
  • 视频：4-3 组件之间的通信-动态组件 (04:05)
  • 视频：4-4 过渡动画-css实现过渡（上） (11:01)
  • 视频：4-5 过渡动画-css实现过渡（下） (07:31)
  • 视频：4-6 过渡动画-js实现过渡 (07:36)
  • 视频：4-7 自定义指令 (09:28)
  • 视频：4-8 插件 (06:43)
  • 视频：4-9 单文件组件 (02:11)

• 第5章 环境搭建和常用插件10 节 | 86分钟

  对vue-cli安装；ES6语法，vue-router，vuex状态管理进行了讲解。

  收起列表

  • 视频：5-1 vue-cli安装（上） (13:24)
  • 视频：5-2 vue-cli安装（下） (17:30)
  • 视频：5-3 vue-router（什么是前端路由） (03:46)
  • 视频：5-4 vue-router（设置路由） (11:18)
  • 视频：5-5 vue-router（路由参数） (05:11)
  • 视频：5-6 vue-router（路由嵌套） (03:53)
  • 视频：5-7 vue-router（命名的路由视图、路由重定向） (06:32)
  • 视频：5-8 vue-router（使用过渡制作路由跳转动画） (02:39)
  • 视频：5-9 vuex状态管理（原理） (05:29)
  • 视频：5-10 vuex状态管理（实例） (15:46)

• 第6章 项目实践-首页10 节 | 139分钟

  实现项目框架搭建，首页：信息列表，vue-resource实现Ajax获取信息数据，express启动数据服务、幻灯片组件、登录等讲解。

  收起列表

  • 视频：6-1 项目框架搭建（layout、路由切换） (13:44)
  • 视频：6-2 首页 – 信息列表 – 全部产品 (15:17)
  • 视频：6-3 首页 – 信息列表 – 最新消息 (13:15)
  • 视频：6-4 使用 axios 发送数据请求 (04:38)
  • 视频：6-5 使用 Mockjs 来模拟数据 (06:52)
  • 视频：6-6 首页 – 幻灯片组件（1） (20:26)
  • 视频：6-7 首页 – 幻灯片组件（2） (20:54)
  • 视频：6-8 首页 – 登录 (14:59)
  • 视频：6-9 首页 – 登录组件（1） (19:31)
  • 视频：6-10 首页 – 登录组件（2） (08:55)

• 第7章 项目实践-购买详情页、订单列表13 节 | 165分钟

  对项目的添加路由，select选项组件，可多选项组件，数字组件，总价计算，选择择银行，订单列表做了详细的讲解。

  收起列表

  • 视频：7-1 购买详情页 – 添加路由（1） (15:29)
  • 视频：7-2 购买详情页 – 添加路由（2） (17:38)
  • 视频：7-3 购买详情页 – select选项组件 (13:03)
  • 视频：7-4 购买详情页 – 可多选项组件 (06:16)
  • 视频：7-5 购买详情页 – 数字组件 (07:31)
  • 视频：7-6 购买详情页 – 总价计算（1） (10:28)
  • 视频：7-7 购买详情页 – 总价计算（2） (09:27)
  • 视频：7-8 购买详情页 – 选择银行（1） (12:45)
  • 视频：7-9 购买详情页 – 选择银行（2） (16:30)
  • 视频：7-10 购买详情页 – 选择银行（3） (15:38)
  • 视频：7-11 列表页 – 订单列表页面（1） (18:47)
  • 视频：7-12 列表页 – 订单列表页面（2） (17:16)
  • 视频：7-13 课程总结 (03:25)

• 第8章 课程扩展4 节 | 43分钟

  讲解vuex在定单列表页面的应用。

  收起列表

  • 视频：8-1 select组件完善 (13:04)
  • 视频：8-2 vuex在项目中的应用（1） (08:01)
  • 视频：8-3 vuex在项目中的应用（2） (11:39)
  • 视频：8-4 vuex在项目中的应用（3） (10:12)