fix: 前端页面架构重构优化
This commit is contained in:
@@ -1,5 +1,9 @@
|
||||
import * as ElementPlusIconsVue from '@element-plus/icons-vue';
|
||||
import ElementPlus from 'element-plus';
|
||||
import { createApp, h } from 'vue';
|
||||
import ProductPackage from '@/components/ProductPackage/index.vue';
|
||||
import router from '@/routers';
|
||||
import store from '@/stores';
|
||||
|
||||
export function showProductPackage() {
|
||||
const div = document.createElement('div');
|
||||
@@ -16,5 +20,16 @@ export function showProductPackage() {
|
||||
},
|
||||
});
|
||||
|
||||
// 关键:必须在 mount 之前按顺序注册所有依赖
|
||||
app.use(store); // 1. 先注册 store
|
||||
app.use(router); // 2. 再注册 router
|
||||
app.use(ElementPlus); // 3. 最后注册 ElementPlus
|
||||
|
||||
// 注册 Element Plus 图标
|
||||
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
|
||||
app.component(key, component);
|
||||
}
|
||||
|
||||
// 最后才挂载应用
|
||||
app.mount(div);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user