vue3 router设置默认路由

在Vue 3中，可以使用Vue Router来设置默认路由。默认路由是指在应用程序加载时显示的初始页面。

要设置默认路由，首先需要安装Vue Router。可以使用以下命令来安装Vue Router：

npm install vue-router@next

安装完成后，在项目的入口文件（通常是main.js）中导入Vue Router并创建一个路由实例。然后，使用`routes`数组定义路由配置，包括默认路由。默认路由可以通过将`path`设置为`'/'`来实现。

下面是一个示例：

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

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

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

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

在上面的示例中，`'/'`路径对应的组件是`Home`，因此它将作为默认路由显示在应用程序加载时。

请注意，上述示例中的组件路径和名称可能需要根据你的项目结构进行调整。