Vue學習心得（1）

**

Vue 的安裝方式

**
下載使用（兩種方式）
1.直接下載並用script標籤引入，Vue 會被註冊為一個全域性變數，平時對於 Dom 操作比較頻繁的小專案可以直接這樣使用。
2.Vue.js 提供一個官方命令列工具，可用於快速搭建大型單頁應用。該工具提供開箱即用的構建工具配置，帶來現代化的前端開發流程。只需一分鐘即可啟動帶熱過載、儲存時靜態檢查以及可用於生產環境的構建配置的專案：針對單頁應用的構建推薦使用這種方式，可以更好的體驗到 vue 所提供的元件化功能 （單檔案元件），順帶著享受到 webpack 帶來的流暢的自動化開發體驗。

 全域性安裝 vue-cli
$ npm install -g vue-cli
# 建立一個基於 "webpack" 模板的新專案
$ vue init webpack my-project
$ cd my-project
$ npm install
$ npm run dev

這裡我通過webstorm軟體開發工具進行開發。

啟動以後點選連結就可以進入，初始化的Vue介面。

Vue基本使用
由於現在開發的專案大部分都是使用vue腳手架配置使用，所以在以後的學習Vue中，我也使用這種方式進行開發，下面演示一下第一個自己寫的Vue介面。
1.首先新建一個Vue檔案，並編寫好基本的程式碼，用來展示。

2.然後在router的資料夾下面的index.js中，配置路由。

3.接著在瀏覽器中輸入http://localhost:8080/#/first，就可以剛剛寫好的first頁面中。