vue-router 路由参数到组件道具？

【问题标题】：vue-router route param to component prop?vue-router 路由参数到组件道具？
【发布时间】：2017-06-20 02:32:09
【问题描述】：

我认为这会起作用：

  { path: '/course/:id', component: Course.extend({
    props: { course: params.id }
  }) },

遗憾的是，事情没那么简单（也不是id）。我该怎么做呢？（我刚上过vue的课程，不敢相信我不记得了）

【问题讨论】：

标签： vue.js vuejs2 vue-router

【解决方案1】：

由于它在docs 中，您必须在routes 中使props 选项为真，请参阅下面的代码以了解它：

const User = {
  props: ['id'],
  template: '<div>User {{ id }}</div>'
}
const router = new VueRouter({
  routes: [
    { path: '/user/:id', component: User, props: true }
  ]
})

【讨论】：