element-plus实例

element-plus 是一个基于 Vue.js 的 UI 组件库，它是 Element UI 的升级版本，提供了一套美观、实用的组件和工具，方便开发者快速构建 Web 应用程序。下面是一个 element-plus 的示例：

首先，你需要在项目中安装 element-plus：

npm install element-plus --save

然后在你的 Vue 组件中引入需要的组件，比如 Button 组件：

<template>
  <div>
    <el-button type="primary">Primary</el-button>
    <el-button type="success">Success</el-button>
    <el-button type="info">Info</el-button>
    <el-button type="warning">Warning</el-button>
    <el-button type="danger">Danger</el-button>
  </div>
</template>

<script>
import { ElButton } from 'element-plus';

export default {
  components: {
    ElButton,
  },
};
</script>

这样，你就可以在你的项目中使用 element-plus 的 Button 组件了。你可以根据实际需求引入其他组件，并按照 element-plus 的文档进行配置和使用。

注意：上述示例是基于 Vue 2.x 的示例，如果你使用的是 Vue 3.x，需要对应使用 Element Plus 的 Vue 3.x 版本。