收藏

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

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

难度 初级 时长 9小时40分钟 学习人数 3966 综合评分 9.73
  • 第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)
本课程已完结


讲师

fishenal Web前端工程师

fishenal,前端工程师,曾就职于百度,主导参与多个前端开发项目,积累了大量实战经验。在教学过程中,擅长引导学生独立思考,从多个角度带你了解前端知识。最早一批接触vue.js,并在社区贡献了大量原创项目和代码。

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题