解决vue3.0引入element-ui出错的问题

1.问题描述

• 命令引入参照element的官方文档：https://element.eleme.cn/#/zh-CN/component/installation

• 先使用npm install element-ui --save

• 在main.js中引用：
  import ElementUI from 'element-ui';
  import 'element-ui/lib/theme-chalk/index.css';

• 然后让vue引用element ui：
  Vue.use(ElementUI);
  

• 报错如下：
  

2.解决方法：引入Element-plus

• 引入命令参考官方文档：https://element-plus.gitee.io/#/zh-CN/component/installation
• 先卸载element-ui：npm uninstall element-ui -S
• 再安装element-plus：npm install element-plus --save
• 在main.js中引入element-plus：
  

成功解决！！！

3.about

• 官网的引入方法适合vue2.0，而vue3.0需要引入element-plus
• Vue官网应在适当的位置做出说明提醒开发人员
• element团队应该做一个向下兼容，尽量避免开发人员被坑