沃梦达 / IT编程 / 前端开发 / 正文

Vue3 使用 element-plus 不生效的原因之一

根据这篇https://blog.csdn.net/GongWei_/article/details/109986596 配置下来,发现还是不生效,折腾半天之后发现,由于我用了router,所以我没动最后一句“createApp(App).use(router).mount(’#app’)”,我的mai...

根据这篇https://blog.csdn.net/GongWei_/article/details/109986596
配置下来,发现还是不生效,折腾半天之后发现,由于我用了router,所以我没动最后一句“createApp(App).use(router).mount(’#app’)”,我的main.js是这么改的:

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css';

const app = createApp(App)
app.use(ElementPlus)
createApp(App).use(router).mount('#app')

片头所提文章是这样的:

import { createApp, Vue } 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')

后来发现,要这么改:

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css';

const app = createApp(App)
app.use(ElementPlus)
app.use(router).mount('#app')

这样的话createApp(App)才指的是一个app…
改完element-plus立马生效
(初学vue,不喜勿喷)

本文标题为:Vue3 使用 element-plus 不生效的原因之一