Vue.js 实战教程（附demo）

在实战之前，你需要对vuejs的基础语法有一定的了解，可以通过以下几个途径进行学习：

vue.js官方文档：https://cn.vuejs.org/v2/guide/index.html

vue.js 教程：https://www.mingtern.com/course/vuejs/

官方的文档内容比较多且杂，对于初学者来说可能没有系统性的引导，可以查看明灯小站的基础教程，对一些常用的基础语法都进行了整理，还可以在线进行调试。

好了，如果你对基础语法有一定的了解了，那就可以开始我们的实战项目了，这次我们要做的是一个简单的webapp，课程中会使用原生的vuejs语法，有非常详细的解释，对于小白用户来说，可以轻松掌握。

正式开始之前，可能你还需要对flex布局有一定的了解，可以查看阮一峰大神的两个教程，也非常简单。

Flex 布局教程：语法篇

Flex 布局教程：实例篇

Pure vue demo教程列表

Pure vue demo 实战第一节：Vue基础一

Pure vue demo 实战第二节：Vue基础二

Pure vue demo 实战第三节：Vue组件

Pure vue demo 实战第四节：Vue实例的生命周期

Pure vue demo 实战第五节：数据获取