抽空總結了下個人VUE入門

怎樣入門Vue？

其實Vue的官方教程已經很詳細了，並且仍是中文版。在我看來已是一個很詳細的教程了。

前置要求

• 紮實的 JavaScript / HTML / CSS 基本功。

Vue基礎

• 剛開始學習的話不要用任何構建工具，就只用最簡單的 <script>，通讀vue官網並把其中的例子模仿一遍，理解用法。（不推薦新手直接使用 vue-cli）

知識點衍生

• v-if v-show（他倆的區別）
• v-for 模板循環 （爲何推薦帶上key）
• v-text v-html v-model vue中v-text，v-html, v-model, {{}}之間的異同
• v-on 事件監聽器 （縮寫:@）
• v-bind （縮寫::）
• Vue的生命週期（鉤子函數）詳解vue生命週期
• computed和watch區別
• 插槽(slot)拓展 深刻理解vue中的slot與slot-scope
• Vue組件 [父子組件間怎樣傳值？](https://segmentfault.com/a/1190000010530600?utm_source=tag-newest)
• vue mixins和extends的妙用

最後嘗試用vue寫個todolist吧

官網examples傳送門

vue-router

• vue-router官網

知識點衍生

從頭開始學習vue-router

Vuex

vuex

看的一臉懵逼？不要緊 看看下面這個文章

知識點衍生

vuex最簡單、最詳細的入門文檔

axios (一個基於 promise 的 HTTP 庫)

axios

知識點衍生

vue中Axios的封裝和API接口的管理

vue-cli腳手架

vue-cli入門

怎樣擼一個後臺？

• 說實話，在工做中，須要快速搭建一個後臺框架，本身造輪子的速度很慢的，並且項目時間也不容許,其實如今的社區很強大的。個人第一個工做項目就是基於下面這個框架搭建起來的。裏面的思路給了我很大的幫助。
• 手摸手，帶你用vue擼後臺 系列教程

寫在最後

有條件的能夠多看看源碼，學習下前輩們的思路。

在一個，必定要本身敲代碼！光看是沒用的.多寫，多練，多學。共勉!