vue 路由分类

Vue 路由可以按照不同的方式进行分类，主要有以下几种：

1. 基于 URL 的路由：

   • 这是最常见的一种路由分类方式，根据 URL 地址来进行路由匹配和页面导航。当用户在浏览器地址栏中输入或点击链接时，根据 URL 中的路径来加载对应的页面组件。
   • 例如：/home、/about、/products/123 等。

2. 动态路由：

   • 动态路由是指在路由路径中使用参数来匹配不同的 URL。这样可以使得路由路径更加灵活，可以根据参数来加载不同的页面内容。
   • 例如：/user/:id，其中 :id 就是一个动态参数，可以匹配不同的用户 ID。

3. 嵌套路由：

   • 嵌套路由是指在路由配置中定义多层嵌套的路由关系，使得页面的组织结构更加清晰。父级路由可以包含子级路由，子级路由可以嵌套在父级路由的路径中。
   • 例如：/admin 下包含 /admin/dashboard、/admin/settings 等子路由。

4. 命名路由：

   • 命名路由是指在路由配置中为路由规则命名，以便在代码中进行路由导航时使用路由名称，而不是直接使用路径。
   • 例如：{ path: '/home', name: 'home', component: Home }，然后可以通过 $router.push({ name: 'home' }) 来导航到 Home 组件。

5. 重定向和别名路由：

   • 重定向路由是指将某个路径重定向到另一个路径，常用于将旧路径重定向到新路径。别名路由是指为某个路径设置一个别名，使得访问别名路径时实际显示的是另一个路径的内容。
   • 例如：{ path: '/old-path', redirect: '/new-path' }，{ path: '/dashboard', component: Dashboard, alias: '/admin/dashboard' }。

这些是 Vue 路由的一些常见分类方式，根据实际需求和项目情况，可以选择合适的路由方式来进行应用开发。