（三）使用 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 组件，我们可以点击“显示代码”，复制我们需要的部分。