在實戰之前，你需要對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 實戰第五節：數據獲取

Vue.js 實戰教程（附demo）