第二章 vue3+Ts项目路由配置

一、路由配置修改

1、基础路由

1. 首先是新建views文件夹，然后新建home文件夹，在建index.vue
2. 在main.ts文件配置

   import { createApp } from 'vue'
   import './style.css'
   import App from './App.vue'
   //routes
   import router from "./routes/index"
   const app = createApp(App);
   app.use(router);
   app.mount('#app');

3. 新建routes文件夹，再新建index.ts文件

   import { createRouter, createWebHashHistory } from 'vue-router'
   const router = createRouter({
     history: createWebHashHistory(import.meta.env.BASE_URL),
     routes: [
       {
         path: '/',
         redirect: '/home'
       },
       {
         path: '/home',
         name: 'home',
         meta: {
           title: "首页",
           hiddenTopBar: true
         },
         component: () => import('../views/home/index.vue')
       }
     ]
   })
   export default router
   

<