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 实战第五节：数据获取