vue-router里面路由配置子路由path里面的:什么意思
时间: 2024-04-09 20:33:05 浏览: 68
vue路由配置
在Vue Router中,路由配置的子路由的path中的冒号(:)是用来定义动态路由参数的。当一个路由匹配到含有动态参数的子路由时,该参数将被捕获并作为一个属性添加到路由对象中。这样可以在组件中通过 `$route.params` 来访问这些参数的值。
例如,假设我们有一个父路由为`/users`,它包含一个子路由为`/users/:id`。当我们访问`/users/123`时,`:id`将被捕获为动态参数,它的值为`123`。我们可以通过 `$route.params.id` 来获取该值。
下面是一个简单示例的路由配置:
```javascript
const router = new VueRouter({
routes: [
{
path: '/users',
component: Users,
children: [
{
path: ':id',
component: User
}
]
}
]
})
```
在上述示例中,当访问`/users/123`时,会渲染`User`组件,并且可以在`User`组件中通过 `$route.params.id` 获取动态参数的值。
阅读全文