vue3如何引入element-plus
时间: 2023-10-08 07:13:37 浏览: 125
Vue3 框架 + Element-Plus 库 + mockjs 假数据 + vue3-demo + 环境已经配好拿来就用
要在 Vue3 中使用 Element Plus,请按照以下步骤进行操作:
1. 首先,需要安装 Element Plus。可以使用以下命令进行安装:
```
npm install element-plus --save
```
2. 在 main.js 中引入 Element Plus:
```javascript
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')
```
3. 现在可以在 Vue3 组件中使用 Element Plus 的组件了。例如,在一个组件中使用按钮:
```vue
<template>
<el-button type="primary">按钮</el-button>
</template>
<script>
export default {
name: 'MyComponent'
}
</script>
```
注意,Element Plus 的样式需要单独引入。在上面的示例中,我们使用了 `import 'element-plus/lib/theme-chalk/index.css'` 引入了样式。如果你使用了不同的主题,需要引入对应的样式文件。
希望这些步骤能够帮助你在 Vue3 中成功引入并使用 Element Plus!
阅读全文