Element Plus的快速入门
一、什么是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的快速入门，加油吧。
原文地址：https://blog.csdn.net/qq_74916326/article/details/144025260
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！