Vue3+Element-Plus ​

概述 ​

Element plus是一个完全基于Vue3.0的组件库，是elementui的升级版，具有更好的性能、更好的体验等优势。包含丰富的UI组件和布局，可以满足大多数网站和应用开发的需要。

快速了解Element ​

组件丰富
Elementplus中包含了丰富的组件，包括表单、弹窗、时间选择、按钮、面包屑等等。可以满足大多数开发需求。
可定制性
Elementplus的组件样式非常清晰，可以根据需求进行个性化定制，也可以直接使用默认样式，非常方便。
完全响应式
Elementplus不仅支持PC端的响应式设计，也支持移动端的响应式设计，非常灵活。
体积小巧
Elementplus的体积非常小，只有40KB左右，可以有效的节省页面加载时间，提高网站性能。
文档详细
Elementplus的官方文档非常详细，而且里面提供了丰富的示例代码，非常适用于初学者和开发者快速入门。总之，如果你正在寻找一个功能丰富、响应式、可定制化的VueUI组件库，Elementplus是一个不错的选择。

Element-UI使用 ​

安装Element Plus
在您的Vue 3项目中，打开终端或命令提示符，并使用以下命令安装Element Plus：

npm install element-plus

引入Element Plus
在您的Vue 3项目中，打开main.js（或相应的入口文件），并添加以下代码来引入Element Plus：

// 引入
import ElementPlus from 'element-plus'  
import 'element-plus/dist/index.css'  

// 全局引入Element Plus组件和样式
app.use(ElementPlus)

使用Element Plus组件
现在，您可以在您的Vue组件中使用Element Plus的各种组件了，如下：使用一个Element Plus的button组件。

<template>  
  <el-button type="primary">Click me!</el-button>  
</template>