一、什么是Element Plus 

Element : 是饿了么团队研发的，基于Vue3，面向设计师和开发者的组件库。

组件：组成网页的部分，例如超链接，按钮，图片，表格，表单，分页条等等。

官网 : https://element-plus.org/zh-CN/#/zh-CN

二、Element Plus快速入门

准备工作( 官方文档里面都有步骤，非常非常的详细，朋友们 )：

        1. 创建一个工程化的vue的项目

        在控制台运行:

npm init vue@latest

 

这里我只是做一个例子，所以我全部选择的默认。

 

        2. 参照官方文档，安装Element Plus组件库（在当前工程的目录下）：

npm install element-plus --save

 

进入你创建好的vue项目中，你也可以看见element plus 导入成功了

 

 

        3. main.js中引入Element Plus 组件库 （参照官方文档）

 我是直接CV大法过去的

然后我们来做一个简单的例子吧：

访问官网 

把复制的代码CV过去 

 

记住要在App.vue中导入你的Button.vue文件，然后在template中使用 

 

然后运行Button.vue文件（npm run dev）

 你就可以看见运行出来的结果了，你也可以玩弄一下这个代码，官网上有很多的用法，比如要禁用某个按钮或者要让某个按钮呈现加载的状态都是可以的，在此，我的朋友你已经学会了Element Plus的快速入门，加油吧。