vue3+ts: 路由处理

1. 在main.ts下：

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'

createApp(App).use(router).mount('#app')

2. router->index.ts中：

import Vue from 'vue'
import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router'

const routes: Array<RouteRecordRaw> = [
    {
        path: "/",
        component: () => import("../pages/login/LoginMain.vue")
    }
]

const router = createRouter({
    history: createWebHashHistory(),
    routes,
})

export default router

3. App.vue：

<template>
  <div id="app">
    <router-view> </router-view>
  </div>
</template>

<script setup lang="ts"></script>

<style lang="less" src="./assets/css/global.less"></style>