1命令引入参照官方文档:https://element.eleme.cn/#/zh-CN/component/installation
npm i element-ui -S
main.js中引入
报错后 看官方文档 发现vue3已经不支持原来的饿了么ui了 需要使用与vue3适配的Element-plus
官网说明 :https://element-plus.gitee.io/#/zh-CN/component/installation
这次是得注意安装 element-plus文章来源:https://www.toymoban.com/news/detail-642598.html
npm install element-plus --save
最后安装后官网代码案例为:文章来源地址https://www.toymoban.com/news/detail-642598.html
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')
到了这里,关于Vue3.0正确引入Element UI组件的正确姿势 (Element-plus)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!