37 lines
854 B
TypeScript
37 lines
854 B
TypeScript
import { createApp } from 'vue';
|
||
import App from './App.vue';
|
||
import AppProvider from './AppProvider.vue';
|
||
import { setupStore } from './store';
|
||
import { setupRouter } from './router';
|
||
import { setupAssets } from './plugins';
|
||
import { setupDirectives } from './directives';
|
||
|
||
function setupPlugins() {
|
||
/** 引入静态资源 */
|
||
setupAssets();
|
||
}
|
||
|
||
async function setupApp() {
|
||
const appProvider = createApp(AppProvider);
|
||
const app = createApp(App);
|
||
|
||
// 挂载全局状态
|
||
setupStore(app);
|
||
|
||
// 优先挂载一下 appProvider 解决路由守卫，Axios中可使用，LoadingBar，Dialog，Message 等之类组件
|
||
appProvider.mount('#appProvider');
|
||
|
||
// 挂载自定义vue指令
|
||
setupDirectives(app);
|
||
|
||
// 挂载路由
|
||
await setupRouter(app);
|
||
|
||
// 路由准备就绪后挂载APP实例
|
||
app.mount('#app');
|
||
}
|
||
|
||
setupPlugins();
|
||
|
||
setupApp();
|