vue教程:使用Element组件库

介绍

Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库

相当于bootstrap组件库

官网:
https://element.eleme.cn/#/zh-CN

通过vue-cli安装

在vue工程根目录下,执行下面命令:

vue add element

注意: 不要通过下面方式添加element插件,会少文件

导入方式

是否覆盖样式

直接敲回车:

选择语言

结果

看到下面字样,表示成功

文件变化

在 vue工程/src 多出 plugins/element.js 文件,说明添加成功

启动服务

执行命令:

npm run serve

访问

首页发生变化,如下:


原文出处:/show_1IXOuGlL4yG.html