目录
使用vue3.x创建项目,引用elementUI组件时报错,如下图所示:
第一种:使用vue2.x创建项目(element是支持vue2.x的,vue3.x暂时还不支持ElementUI)
第二种:如果你想使用vue3.x版本引入element,也是可以的,他推出的支持vue3.x的版本叫element-plus
使用vue3.x创建项目,引用elementUI组件时报错,如下图所示:
Cannot read property ‘prototype‘ of undefined
报错原因:
element官网有一句话:
这说明实例对象不一样,官网上的实例对象是用vue2.x版本创建的对象,我的项目是用vue3.x创建的,实例对象是createdApp,实例对象不一致,导致的报错。
解决方法:
第一种:使用vue2.x创建项目(element是支持vue2.x的,vue3.x暂时还不支持ElementUI)
第二种:如果你想使用vue3.x版本引入element,也是可以的,他推出的支持vue3.x的版本叫element-plus
安装:
npm install element-plus --save
使用:在main.js中写入以下内容
import { createApp } from 'vue'
import ElementPlus from 'element-plus';
import 'element-plus/theme-chalk/index.css';
import App from './App.vue';
const app = createApp(App)
app.use(ElementPlus)
app.mount('#app')