好久不做vue项目,今天想借助vue脚手架搭建一个vue项目,发现最新版本的脚手架创建的项目不能集成ElementUI
一、vue/cli脚手架
1 vue/cli安装网址
https://cli.vuejs.org/zh/
2 使用步骤
npm install -g @vue/cli
vue create my-project
二、ElementUI组件库
1 ElementUI组件库安装
https://element.eleme.cn/#/zh-CN
2 使用步骤
npm i element-ui –S
以往的3.0版本的只需在main.js中配置相关elementUI即可
// 导入组件库
import ElementUI from 'element-ui';
// 导入组件相关样式
import 'element-ui/lib/theme-chalk/index.css';
// 配置 Vue 插件
Vue.use(ElementUI);
但是vue/cli4.0以上的版本不存在vue对象 ,
而是createApp
import { createApp } from 'vue'
import App from './App.vue'
createApp(App).mount('#app')
element ui
引用的是Vue对象
,所以在vue/cli4.0
以上的版本引用elementui
报错。
vue/cli3.0
的还是vue对象
,最好的解决办法是回滚到3.x
支持的版本。