vue 路由配置带参
时间: 2023-11-05 14:04:26 浏览: 67
Vue路由模块化配置的完整步骤
在Vue中,路由配置带参可以通过在路由路径中使用冒号(:)来表示参数。例如,如果你想要在路由路径中传递一个名为id的参数,你可以这样配置路由:
```javascript
{
path: '/home/:id',
component: require('../components/Home.vue')
}
```
在上述示例中,:id表示一个动态参数,当你访问类似于"/home/1"的路径时,1将会作为参数传递给Home组件。你可以在Home组件中通过$route.params.id来获取这个参数。
阅读全文