简介

在Vue3.x中已经不再使用Element UI，Element Plus是一个基于Vue3.x的UI组件库，是Element UI的升级版本，提供了丰富的组件和主题，可以帮助开发者快速搭建高质量的Web应用程序。下面在Vue3.x中引入Element UI的步骤

1.在终端中运行以下命令安装Element Plus

npm install element-plus --save

2.在main.js中引入Element Plus

在Vue3中，可以通过Vue.user()方法来引入Element Plus

import { createApp } from 'vue'
import App from './App.vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

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

在这个例子中，我们首先通过import语句导入了Vue3和Element Plus的包。接着，我们使用createApp()方法创建了一个Vue实例，并在实例上调用了user()方法，传入了Element Plus作为参数。最后，我们在Vue实例中调用了mount()方法，将应用挂载到了DOM元素上。

3.在组件中使用Element UI的组件，例如：

安装和引入Element Plus之后，就可以在Vue3应用程序中使用它提供的组件了。例如，可以在模板中使用组件：

<template>
		<el-button type="primary">leenhem</el-button>
</template

这里我们使用了组件，它是Element Plus提供的一个按钮组件。在模板中，我们可以像使用普通HTML元素一样使用它。

总结

Element Plus 提供了很多其它的组件，例如表单组件、弹出框组件、菜单组件、表格组件等等，你可以在官方文档中查看它们的用法和属性。Button 按钮 | Element Plus