第一步：首先，請安裝 node.
原因我就不解釋了。記住安裝lts版本，因為lts是長期支援的版本，會進行後續公升級維護。安裝node會幫助你順便安裝最新穩定版本npm，如果你喜歡使用yarn
第二步：安裝vue-cli。
vue-cli是官方發布的快速構建這個單頁應用的腳手架。官方給的建議，如果你初次嘗試vue，請老老實實用普通的書寫引入js檔案，這裡牽扯太多的東西，例如webpack 、npm 、nodejs 等等，很容易成就從入門到放棄的思想。（官方構建建議 ）。
npm install vue-cli -g 此步驟全域性安裝。安裝完成後據可以使用 vue命令。
init 構建乙個專案。
list 是可以使用的模板。
build 是建立乙個prototype專案。
help 幫助。
輸入vue list 檢視專案列表
第三步：首先進入你準備存放專案的資料夾。然後開啟命令列視窗 shift + 滑鼠右鍵 --此處開啟命令列視窗/此處開啟powershell視窗（win10）。
專案名不要用 大寫。
完成之後，根據提示 cd objone(這裡是我的專案名，你的就用你的。)
第四步： npm run dev 就可以啟動專案了。
Vue學習筆記 一
1 vue基本模型 一段html 配合json，再new 處理vue例項。html json格式的資料 vue.js var vm new vue new vue 2.2.2 v for value in json 2.2.3 v for k,v in json 如果有重複的資料 track by ...
vue學習筆記（一）
一.搭建環境 1.如果我們的電腦上有了node和npm，我們就只需要執行下面的命令全域性安裝vue cli腳手架 npm install g vue cli 或者 cnpm install g vue cli 2.構建完腳手架之後，隨便進入乙個我們事先準備好的目錄，比如demo目錄，然後在目錄中做初...
vue 學習筆記（一）
例項生命週期鉤子 1 在beforecreate和created之間，進行資料觀測 data observer 也就是在這個時候開始監控data中的資料變化了，同時初始化事件 2 首先系統會判斷物件中有沒有el選項 有el選項，則繼續編譯過程 沒有el選項，則停止編譯，也意味著暫時停止了生命週期 直...