element-plus使用

Element Plus 是一个基于 Vue 3.0 的 UI 组件库，是对 Element UI 的升级版。它提供了一系列常用的UI组件，包括表单、按钮、菜单、弹框、表格、分页等等。Element Plus 的使用非常简单，只需要安装并导入组件即可。

以下是 Element Plus 的使用步骤：

安装 Element Plus

可以通过 npm 或 yarn 安装 Element Plus，命令如下：

# npm 安装
npm i element-plus -S

# yarn 安装
yarn add element-plus

导入 Element Plus 组件

在需要使用 Element Plus 组件的页面中，导入需要的组件，例如：

import { ElButton, ElInput } from 'element-plus'

注册组件

在 Vue 组件中注册导入的组件，例如：

export default {
  components: {
    ElButton,
    ElInput
  }
}

使用组件

在 Vue 模板中使用已注册的组件，例如：

<template>
  <div>
    <el-input v-model="inputValue" placeholder="请输入内容"></el-input>
    <el-button type="primary" @click="handleClick">提交</el-button>
  </div>
</template>

这样就可以在页面中使用 Element Plus 的组件了。除此之外，Element Plus 还提供了一些全局配置和主题定制等功能，可以根据项目需求进行配置。

参考文献：

Element Plus 官方文档：https://element-plus.org/zh-CN/