vue3如何使用elementui
时间: 2023-12-13 22:03:25 浏览: 24
要在Vue3中使用Element UI,需要执行以下步骤:
1. 安装Element UI
在终端中使用以下命令安装Element UI:
```
npm install element-plus --save
```
2. 导入Element UI
在Vue应用程序的入口文件main.js中,导入Element UI并将其设置为全局可用:
```javascript
import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/lib/theme-chalk/index.css'
import App from './App.vue'
const app = createApp(App)
app.use(ElementPlus)
app.mount('#app')
```
3. 使用Element UI 组件
现在,你可以在Vue组件中使用Element UI组件了。例如,在下面的代码片段中,我们将使用Button组件:
```vue
<template>
<div>
<el-button type="primary">Primary Button</el-button>
<el-button>Default Button</el-button>
</div>
</template>
<script>
import { defineComponent } from 'vue'
export default defineComponent({
name: 'MyComponent'
})
</script>
```
这就是如何在Vue3中使用Element UI。