好久不做vue項目份招,今天想借助vue腳手架搭建一個vue項目丈攒,發(fā)現(xiàn)最新版本的腳手架創(chuàng)建的項目不能集成ElementUI
一哩罪、vue/cli腳手架
1 vue/cli安裝網(wǎng)址
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中配置相關(guān)elementUI即可
// 導(dǎo)入組件庫
import ElementUI from 'element-ui';
// 導(dǎo)入組件相關(guān)樣式
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
支持的版本深碱。