（三）使用 Element 輔助前端開發——vue+springBoot實戰

Element 的官方地址爲 http://element-cn.eleme.io/#/zh-CN

 

#安裝Element

cd wj-vue

cnpm i element-ui -S

 

#引入Element (完整引入、按需引入)

完整引入：

main.js 引入

 組件中用相應的標籤進行引用

 

對於代碼：一般先註釋掉，確定沒有影響了再刪除。 

 

#優化登錄界面

爲了設計界面，我們需要關注的地方是 <template> 標籤內的 html 和 <style> 標籤內的 css。登錄框我們一般會用 Form 來做，打開 Element 的組件文檔（http://element-cn.eleme.io/#/zh-CN/component/），發現它爲我們提供了豐富的 Form 組件，我們可以點擊“顯示代碼”，複製我們需要的部分。