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 實戰第五節：數據獲取