vue3中的router怎么配置举个例子

在vue3中，配置router需要先安装vue-router的依赖包，可以通过以下命令来安装：

npm install vue-router@4.0.0-beta.8

接着，在项目的main.js中引入vue-router并创建router实例，具体代码如下：

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

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

其中，router.js文件中需要配置路由，可以通过以下代码进行配置：

import { createRouter, createWebHistory } from 'vue-router'
import Home from './views/Home.vue'
import About from './views/About.vue'

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/about',
    name: 'About',
    component: About
  }
]

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

export default router

以上代码中，通过createRouter方法创建了一个router实例，并传入了路由配置信息。其中，createWebHistory表示使用浏览器的history模式进行路由跳转，routes数组中存放了路由信息，每个路由都包含了path（路径）、name（名称）和component（组件）属性。

最后，将router实例导出并在main.js中引入即可完成router的配置。在页面中通过router-link和router-view标签即可实现路由跳转和组件渲染