vue中引用element-plus时而不生效

最新推荐文章于 2025-07-16 16:52:07 发布

原创最新推荐文章于 2025-07-16 16:52:07 发布 · 241 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

如题，引用了<el-button>和<el-divider></el-divider> 。
但是打开后没有效果，如果我编辑一下这个页面，效果立马就出来了。
后来我发现，是我写反了顺序。

import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
const app = createApp(App);
app.mount('#app');
app.use(ElementPlus);

如上面代码所示，我先mount了，然后use的ElementPlus。本来想着先后应该没关系，但是实际上恐怕有关系。我给换过来后就没这个问题了。

import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
const app = createApp(App);
app.use(ElementPlus);
app.mount('#app');