route/router区别/参数

1. Route (路由)：

   • Route（路由）通常指的是一个特定的URL路径，它用于确定应用程序中的某个页面或视图。在前端开发中，路由是指用户在浏览器中输入的 URL 地址，用于访问不同的页面或视图。
   • 路由通常包含路由参数，如 example.com/products/123 中的 "123" 就是一个路由参数，通常用于指定特定的资源或数据。

2. Router (路由器)：

   • Router（路由器）是用于管理和处理应用程序的路由的工具。在 Vue.js 中，vue-router 是官方的路由管理器，用于创建和管理前端路由。
   • Vue Router 允许您定义应用程序的不同路由和路由规则，以便将 URL 地址映射到特定的组件或视图。它还提供了路由导航、动态路由参数和路由守卫等功能。

参数： 在 Vue Router 中，您可以使用路由参数来实现动态路由。路由参数是 URL 中的一部分，通常用于指定特定资源或数据

example.com/products/:id

这个参数可以在路由规则中进行定义，并在组件中通过 $route.params 来访问

const routes = [ { path: '/products/:id', component: ProductDetail } ];

在 ProductDetail 组件中，您可以通过 $route.params.id 来访问 URL 中的 "id" 参数，以加载特定的产品详细信息。

总结，"route" 是指URL路径中的一部分，通常包含参数，而 "router" 是用于管理和处理这些路由的工具，如 Vue Router。参数用于实现动态路由，允许您根据不同的 URL 地址加载不同的组件或数据。