vue 路由配置带参
时间: 2023-11-05 12:04:26 浏览: 42
在Vue中,路由配置带参可以通过在路由路径中使用冒号(:)来表示参数。例如,如果你想要在路由路径中传递一个名为id的参数,你可以这样配置路由:
```javascript
{
path: '/home/:id',
component: require('../components/Home.vue')
}
```
在上述示例中,:id表示一个动态参数,当你访问类似于"/home/1"的路径时,1将会作为参数传递给Home组件。你可以在Home组件中通过$route.params.id来获取这个参数。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://img-home.csdnimg.cn/images/20210720083646.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)