(三)使用 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 组件,我们可以点击“显示代码”,复制我们需要的部分。
以上是 (三)使用 Element 辅助前端开发——vue+springBoot实战 的全部内容, 来源链接: utcz.com/z/378261.html