收藏网站

使用 Ctrl+D 可将网站添加到书签

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

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

难度初级时长 9小时40分钟学习人数 3965 综合评分 9.71

报名人数已满该课程已出新版，查看新课 >>

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

fishenal

讲师

资深前端工程师

课程预览

检测到您还没有关注慕课网服务号，无法接收课程更新通知。请扫描二维码即可绑定

重新观看

师说

大家都知道， Vue.js是当前很火的前端框架，包括BAT在内的很多公司、项目组，都在向Vue.js靠拢，除去Vuejs本身轻量、高效等特点，Vue.js还具有上手快，简单易学的特点

从入门到实战全面讲解Vue2.0

- 特别适合没有Vue基础的你

课程分为两个部分，首先，带领大家了解Vue.js，它是什么，能做什么，并学习Vue.js2.0的基本功能接口。然后，通过搭建一个demo性质的平台，学习Vue.js2.0在项目中的应用，主要内容涵盖如何使用脚手架初始化项目，如何布局整个项目目录，如何使用Vue指令，如何设计使用组件，如何使用vue路由，vue数据请求等等，是一门内容非常丰富全面的Vue.js课程

由浅到深，从Vue基本概念讲起

概念、实例、组件、指令、选项，一直到模版渲染、事件绑定、计算属性等、再到内置动画、组件交互、路由等，逐一讲解

从首页到售卖页再到列表页逐一开发

其中售卖页的容量比较大，包含不同产品的子路由页面、选项、产品说明以及各种弹窗，通过实现这些，你会更好理解Vue各功能的综合运用

从基础入手

以实战收尾

组件化思维

开发各模块

技术覆盖广

重讲解方法

学会将Vue2.0

应用于不同项目

组件化开发整个Web站点

模块

产品列表

新闻列表

幻灯片切换

登录注册弹窗

登录表单

关于我们弹窗

技术

Layout底层布局实现

列表渲染

通过vue-resource获取列表数据

幻灯片组件的实现

弹窗组件的实现

登录表单的实现

模块

边栏产品导航sidebar

产品标题和介绍

产品选项

确认购买弹窗

银行选择组件

支付状态检查

技术

Vue-router子路由实现边栏导航

子路由对应子模板架构

选项组件开发：单选，多选，下拉框，计数

发送ajax请求获取价格

弹窗组件与页面的数据交互

通过ajax请求确认购买状态

模块

列表筛选项

表格渲染

日期选择组件

技术

表格的渲染

根据选项变化刷新列表

日历选择组件与第三组件的搜索与获取

列表排序切换

学员专享双重福利

问答专区

讲师集中答疑

任何关于本课程的问题都可以在问答区随时提问，也可在问答区和同学相互切磋，讲师会梳理同学们学习中的典型问题，进行集中答疑

源码开放

整套代码下载

课程代码完全开放给你，你可以根据所学知识自行修改代码，不断优化与升级不断丰富代码，甚至可以直接应用在实际工作中

实战开发流程

项目分析设计项目环境搭建依赖安装页面架构设计组件开发测试联调发布上线

适合人群及技术储备要求

本课程适合想进行web端开发的同学，不论你是移动端，还是pc端，我相信都可以通过本门课程受益，

如果你已经具备了Vue项目经验，慕课网稍后提供Vue高阶会更适合你

技术储备要求：

一些nodejs以及npm操作经验，一些html/css/js 经验，es6语法的一些了解

环境参数

技术语言 ES6、node.js
框架 vue2.0.1
框架 vue-resource1.0.3
框架 vue-router 2.0.1
框架 lodash 4.16
课程所需开发系统不限
环境配置 node >= 4.0.0, npm >= 3.0.0
开发工具 sublime Text 2

万事俱备只等你来

我是顽主

好评

基本学完了，给老师点个赞，学完这门课程，正如课程名称一样：带你入门Vue2.0，师傅领进门，修行在个人，大家珍惜老师的付出，汲取很多知识点，总体来说货真价实，课有所值。期待老师继续为Vue发力，出新课程，辛苦了.
鱼子酱酱泡泡

好评

非常好，学到很多东西，本来之前想向老师提问的，但自己认为应该独立思考一下，就没有提问，并且之后都解决了。都是反复看视频受到的启发，真是干货满满。值得！！！
qq_米恩_0

好评

现在视频看了一大半了，全程比较流畅，把之前自学的散乱的知识点都串起来了，也逐渐感觉到vue的迷人之处。老师讲的很赞，内容实用，通俗易懂，逻辑清晰。老师棒棒的