vue3的路由配置

1.安装router     npm install vue-router@4

2.在src下新建名为 router 的文件夹 在里面新建index.js  

 在其index.js中放入以下代码：

//  vue3 路由配置

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

const router = createRouter({

    history: createWebHistory(), // history 模式

    routes: [{

        path: '/',

        component: () =>

            import ('../studys/index.vue'),

    }, ]

})

export default router

3.在main.js中引入

import { createApp } from 'vue'

import App from './App.vue'

import router from './router/index'

// 我这里是这样写的 一样用

const app = createApp(App)

app.use(router)

app.mount('#app')

4.在App.vue中写

<template>

     <router-view></router-view>

</template>

到这就配置完成了，快去试试吧！