vue路由传参router.js代码
时间: 2023-11-10 17:02:30 浏览: 77
vue-router.js
5星 · 资源好评率100%
在 Vue 的 router 中,可以通过在路由路径中添加参数来实现传参。下面是一个例子:
```javascript
import Vue from 'vue'
import Router from 'vue-router'
import Hello from '@/components/Hello'
import User from '@/components/User'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
name: 'Hello',
component: Hello
},
{
path: '/user/:id',
name: 'User',
component: User
}
]
})
```
在上面的例子中,我们定义了一个 `/user/:id` 的路由,其中 `:id` 就是参数。在 `User` 组件中可以通过 `$route.params.id` 来获取参数值。
阅读全文