vite3+vue3.2 路由管理

安装路由

npm install vue-router@4

创建路由目录

src
  |-router
	 |-index.ts
	 |-routes.ts

index.ts

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

import { routes } from './routes'

const router = createRouter({
  history: createWebHashHistory(import.meta.env.BASE_URL),
  routes
})

export default router

routes.ts

import { RouteRecordRaw } from 'vue-router'

export const routes: RouteRecordRaw[] = [{
  path: '/category',
  name: '',
  component: () => import(/* webpackChunkName: "category" */ '@/views/category/index.vue')
}]

入口文件注册

main.ts

+ import router from './router'

const app = createApp(App)

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