vue3 路由传props
时间: 2023-11-16 09:07:43 浏览: 175
vue基本内容总结学习
在Vue3中,路由传递props的方式与Vue2有所不同。在Vue3中,可以使用`props: true`来开启路由传递props的功能。具体步骤如下:
1. 在定义路由时,设置`props: true`,例如:
```
const routes = [
{
path: '/user/:id',
component: User,
props: true
}
]
```
2. 在组件中,通过`props`接收路由传递的参数,例如:
```
export default {
props: ['id'],
// ...
}
```
这样,在访问`/user/123`时,组件中就可以通过`this.id`获取到路由传递的参数123。
阅读全文