搭載npm/cnpm環境環境搭建參考
判斷npm安裝情況：npm -v檢視版本
配置vue環境變數(prefix、cache、node_path模組儲存位置)
安裝express: npm install express -g
判斷模組安裝情況:進入模組的目錄下 require(『express』)
安裝cnpm(**映象npm)
將安裝目錄加入系統環境配置path
判斷cnpm安裝情況：cnpm -v檢視版本
安裝cli腳手架
使用腳手架才可以初始化專案: cnpm install -g vue-cli
初始化vue專案
建立專案資料夾，cmd進入資料夾位置，執行以下命令
命令 vue init webpack my-project(資料夾名稱)
彈出輸入框，按照要求填專案名稱(此名稱會顯示在**title處，避免中文)，還有專案描述/作者等……
詢問是否安裝vue-router路由、eslint**檢測(測試時無需安裝，否則可能出現**不規範無法通過編譯)
詢問是否安裝測試模組tests、nightwtach
啟動初始化專案
安裝依賴：進入專案資料夾，執行命令 npm install
啟動程式：進入專案資料夾，執行命令 npm run dev
返回專案位址，根據位址訪問vue專案
index.html：根檢視頁面
static：靜態檔案目錄(文件、本地json等)
src：原始碼檔案
config/builde：專案配置檔案/伺服器配置檔案
元件使用
引入、載入試圖、建立元件名字
解析main.js
new vue()
import helloworld from './components/helloworld' //引入元件helloworld
export default
} < helloworld/> //在html中使用元件
vue使用mustache模板
形式：} //注意僅可填寫單行語句，例如if-else語句/let a=10 就不行，let是兩句的結合
*注意：不能作用在html特性上，例如v-html="}"，報錯
申明變數
data ()
}使用語法
變數} //msg為變數名，在data中被宣告
運算}、文字}、運算子}
vue元件構成
檢視部分：< template>
邏輯部分：< script>
樣式部分：< style scoped>
vue基礎環境搭建
0.安裝node.js 安裝好後檢視版本號 出現版本號即說明安裝成功 1.檢視npm 版本號 npm v如果版本過低，則公升級 公升級 npm cnpm install npm g2.切換映象依賴為國內的位址，預設國外的會很慢 3.安裝vue cli 腳手架構建工具 等待安裝，安裝完成後，輸入 vu...
Vue環境安裝及配置
npm install npm g 安裝 npm v 檢視版本資訊 4 cnpm安裝參考 npm install g cnpm 在git中輸入 cnpm 檢驗是否安裝成功 5 yarn安裝參考 npm install g yarn yarn v 檢驗是否安裝成功 6 vue安裝 cnpm insta...
vue基礎及指令
src vue.js路徑 script 這裡寫相關js的 script new vue 掛載點，將對應符合選擇器要求的掛載點，作為vue的模板 只有變成模板才能去使用模板語法 new vue 如果我們把資料放在data中，那麼我們就可以在頁面模板中直接使用這些data，如果實在new vue中的相關...