vue3 使用elementplus

Vue 3 与 Element Plus 的结合使用是非常常见的。Element Plus 是一个基于 Vue 3 的 UI 组件库，它提供了丰富的 UI 组件和样式。下面是使用 Vue 3 和 Element Plus 的一些基本步骤：

1. 首先，你需要创建一个 Vue 3 的项目。你可以使用 Vue CLI 来初始化一个项目，或者手动创建一个 Vue 3 的项目。

2. 安装 Element Plus。你可以通过 npm 或者 yarn 来安装 Element Plus，具体命令如下：

npm install element-plus --save
# 或者
yarn add element-plus

3. 在你的 Vue 3 项目的入口文件（通常是 `main.js`）中，导入 Element Plus 的样式和组件：

import { createApp } from 'vue';
import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css';

const app = createApp(App);
app.use(ElementPlus);
app.mount('#app');

4. 现在你可以在你的组件中使用 Element Plus 的组件了。例如，你可以在一个组件中使用一个按钮组件：

<template>
  <el-button type="primary">点击我</el-button>
</template>

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

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

这样就完成了 Vue 3 和 Element Plus 的集成。你可以根据 Element Plus 的文档使用更多的组件和样式。希望对你有帮助！