这是我参与「第四届青训营 」笔记创作活动的第3天
本次青训营中，我们小组用到了Element Plus这个组件库，在这里大概写一下我使用Element Plus这个组件库时对它初步了解与遇到的一些麻烦。
对Element Plus的介绍
Element是一个优秀的开源桌面UI组件库，该UI组件库诞生于2016年，早期是饿了么内部的组件库。在成为开源组件库之后，几年间逐渐成为了Vue生态中最为流行的UI组件库之一，深受大家的喜爱。而Element Plus是饿了么团队基于Vue3.0更新对Element UI的升级适配，使用TypeScript+Composition API重构的全新项目。是Element UI组件库的“升级版”（当然这两者并不是，也不能当作上下位替代关系）。
安装\基本使用
首先，Element Plus只适用与Vue3框架，不兼容Vue2，使用Vue2的可以使用Element UI
-
确认自己使用的是Vue3以后用npm进行安装
npm install element-plus --save -
安装完没有报错后就在main.js中进行引入
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'app.use(ElementPlus)
如下图：
在这里我出现了问题，就是上面强调的兼容问题，它只能用Vue3框架
3. npm run serve执行一下，执行成功就说明无误。
当然，直接引入后使用时你会发现UI组件是英文的，这个是因为它的默认语言包是英语而不是简体中文。可以在app.vue中对中文语言包进行引入解决这个问题
基本使用
在使用这个组件库时，组件关键词一般为“el-xxx”，例如<el-button> <el-input> <el-select>等。可以在idea中下载Element插件来快速生成Element的基本代码。
在搭建网页的基本布局时，在element的官网上的布局容器组件中可以找到常见的布局格式。
Element Plus的详细使用细节参考它官网的说明文档即可，写的十分详细。
