vue3 路由间传递数据
时间: 2023-11-15 11:05:35 浏览: 65
使用vue-router在Vue页面之间传递数据的方法
在 Vue3 中,可以通过路由参数来传递数据。具体来说,可以在路由配置中使用 props 属性来将参数传递给组件。例如:
```javascript
const routes = [
{
path: '/user/:id',
name: 'User',
component: User,
props: true
}
]
```
在这个例子中,我们定义了一个名为 User 的路由,它接受一个名为 id 的参数。我们还设置了 props 属性为 true,这意味着我们希望将路由参数作为组件的 props 传递。在组件中,我们可以通过 props 来访问这些参数:
```javascript
export default {
props: ['id'],
// ...
}
```
现在,我们就可以在组件中使用 this.id 来访问路由参数了。
阅读全文