Vue Router 静态路由配置示例

import { createRouter, createWebHistory } from 'vue-router' import login from '@/views/login/login.vue' import home from '@/views/admin/home.vue'

const router = createRouter({ history: createWebHistory(import.meta.env.BASE_URL), routes: [ { path: '/', redirect: '/login' }, { path: '/login', name: 'login', component: login }, { path: '/home', name: 'home', component: home } ] })

export default router

这是一个动态路由吗

不，这是一个静态路由。在这个路由定义中，每个路径都被显式地指定，并且与特定的组件相关联。如果需要动态路由，可以在路由路径中使用动态参数。例如，可以使用/user/:id来定义一个动态路径，其中:id是一个占位符，可以在路由匹配时被实际的值替换。