一、專案背景：

嘗試使用vue結合其UI框架iView快速搭建網站後臺模板（在前後端分離的大背景下，傳統的js、jquery已經不在是搭建前端的首選，尤其是mvvm模式下衍生出來的react.js、angular.js和vue.js等框架是的前端開發更加高效簡潔，效能提高的同時，使得整個專案的前後端開發更加迅速有質。至於為何選擇vue，原因如下：1.算是支援國產吧 2.vue似乎相比另外兩個熱門更加容易入手，當然在效能等方面各有各的優點吧）

github地址：https://github.com/yangyuscript/Vue-iView-demo.git

二、專案搭建（使用vue-cli腳手架搭建專案）：

1.node環境安裝

2.安裝vue-cli

3.生成專案

tip：關於專案搭建網上有許多教程，在這裡就簡單的列出大致的步驟，在整個專案的建立過程中一定會有許多異常（異常的原因大多是因為環境版本的原因，儘量嘗試安裝最新版本或者穩定版本），記住不要灰心，多看看幾篇教程就ok啦！ 參考網址：https://www.cnblogs.com/wisewrong/p/6255817.html

三、專案使用外掛

1.vue-router（路由的使用）

2.vue-resource （網路請求，一般主要的問題就是跨域，網上也有許多教程從前端去解決vue的跨域問題，但是筆者認為，跨域問題其實交給後臺去處理即可）

四、vue學習心得：

因為筆者之前有使用過mvvm模式的框架，所以學習起來比較容易啦，vue核心就在於路由和元件化思想，所以重點就在於元件化的思想。

1.多過幾篇官方文件（雖然寫的不咋的），跟著案例手敲一遍，建議直接在vue-cli搭建的框架下學習使用（不要在通過引入js的方式啦，當然如果你覺得有難度可以先這樣引入js去學習學習）

2.把vue-cli建立的專案下的各個檔案作用搞清楚，尤其是App.vue、main.js、router資料夾下的index.js

3.多百度下別人的專案搭建及簡單開發

tip：筆者也算是剛剛入門吧，對專案有不懂的地方可以評論問我的哈，與大家一起學習哈！！！