Vue3的路由配置步骤如下：首先，在项目根目录创建一个router.js文件，引入Vue和Vue Router，然后创建一个新的Vue Router实例，设置路由规则，最后将Vue Router实例传入Vue实例中即可。具体来说，可以通过Vue Router提供的createRouter方法创建一个router实例，然后使用router实例的routes属性设置路由规则，再使用Vue提供的createApp方法创建Vue实例，并将router实例通过use方法注册到Vue实例中，最后使用mount方法将Vue实例挂载到页面上。
在Vue 3中，配置路由需要以下步骤：
1.安装Vue Router：首先，在命令行中运行以下命令来安装Vue Router：
```
npm install vue-router@next
```
2.创建路由文件：在项目的根目录下创建一个新的文件夹，例如"router"，并在该文件夹中创建一个新的JavaScript文件，例如"index.js"。
3.导入Vue和Vue Router：在"index.js"文件中，首先导入Vue和Vue Router：
```javascript
import { createApp } from 'vue'
import { createRouter, createWebHistory } from 'vue-router'
```
4.定义路由组件：继续在"index.js"文件中，定义您的路由组件。例如，如果您有一个名为"Home"的组件和一个名为"About"的组件，可以这样定义：
```javascript
import Home from '../views/Home.vue'
import About from '../views/About.vue'
```
5.创建路由实例：使用`createRouter`函数创建一个全新的路由实例，并将路由组件与对应的路径关联起来。例如：
```javascript
const router = createRouter({
history: createWebHistory(),
routes: [
{
path: '/',
component: Home
},
{
path: '/about',
component: About
}
]
})
```
6.挂载路由实例：最后，在"index.js"文件中将路由实例与Vue应用关联起来，并将路由实例挂载到应用中。例如：
```javascript
const app = createApp(App)
app.use(router)
app.mount('#app')
```
注意：这里的"App"是您的Vue应用的根组件。
7.配置路由链接和视图：在Vue模板中，您可以使用`<router-link>`来创建路由链接，使用`<router-view>`来显示路由对应的组件。例如，在您的Vue模板中，可以这样使用：
```html
<template>
<div>
<router-link to="/">Home</router-link>
<router-link to="/about">About</router-link>
<router-view></router-view>
</div>
</template>
```
这些是在Vue 3中配置路由的基本步骤。您可以根据需要进一步扩展和配置路由，并添加更多的路由组件和路径。
