首先需要安裝nodejs
vue工程搭建：
搭建vue工程一般會使用到vue-cli,通過npm install vue-cli -g來全域性安裝vue-cli
然後通過vue init webpack來快速建立乙個專案，加入專案名為vue-study,完成後執行npm install安裝依賴
接著執行npm run dev執行後，就可以看到乙個預設的頁面了
引入elementui
在main.js中引入elementui
import elementui from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
然後使用elementui
vue.use(elementui);
就完成了elementui的引入
編寫axios呼叫api
新建api.js引入axios，然後編寫常量方法並匯出
首先編寫登入模組：
首先在src下新建模組login.vue，檔案中包含三部分分別是
在template模組中：使用elementui來完成登入表單的構建：來開始構建乙個表單
在表單中來開始構建乙個表單塊，通過v-model完成資料繫結，通過 @click.native.prevent="submitclick"
來完成登入按鈕的方法事件繫結
在script模組中又包含data和methods兩部分，這裡重點寫methods部分，
這裡主要寫submitclick方法，方法需要匯入之前寫的axios的呼叫api通過import from '../utils/api'來進行引入
方法中可以使用this來獲取表單的內容_this.$router.replace()可以完成頁面跳轉，
使用 _this.$alert('登入失敗!','失敗');來進行彈框提示
最後的style模組主要是css樣式編寫
遇到的問題：
1.使用element的rules來進行非空驗證的時候，表單輸入後失去焦點總是提示非空資訊，即使輸入了內容，最後解決是因為form表單中沒有使用v-model來進行繫結，只在表單輸入框中繫結是不行的。
倉庫位址
Vue學習 建立乙個Vue專案
vue專案建立其實很簡單，做個記錄方便以後檢視 step1 建立乙個空資料夾 專案目錄 step2 使用vscode開啟資料夾，開啟內建終端 step3 安裝vue cli腳手架 根據vue官方介紹，可以使用npm或yarn命令安裝 npm install g vue cli或yarn global...
自己編寫並發布乙個Vue元件
自己編寫並發布乙個vue元件 1.幾種開源協議的介紹 2.開始編寫元件 新建plugin資料夾 指定 元件 入口檔案和package.json檔案，看一下各個檔案內容 1.package.json 是npm init生成的 2.loading.vue 是編寫的元件檔案 在loading.js中，使用...
使用vue開發乙個專案（一）
在學習了vue基礎之後，為了能夠在vue開發專案上有乙個真正的提公升，所以打算用vue來做乙個完整的專案，將其記錄下來 首先建立乙個工程資料夾，在這個資料夾下開啟命令列工具，在命令列中敲入以下命令安裝上vue的腳手架 cnpm install g vue cli 全域性安裝vue clivue in...