先使用npm安装element-ui:
npm i element-plus -S
在main.js中引入element-ui:
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')
其中,createApp是Vue3.x中用来创建应用的方法,而use方法则用于安装一个插件。
最后,在App.vue中就可以使用element-ui的组件了:
<template>
<el-button type="primary">Primary</el-button>
</template>
<script>
export default {
}
</script>
<style scoped>
</style>
其中el-button就是elementui组件