vue-router 将参数路由到组件 prop

Question

我认为这会起作用：

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

可悲的是，事情并没有那么简单（也不是id）。我该怎么做？（我刚刚上了一门关于 vue 的课程，不敢相信我不记得了）

Answer 1

正如在文档中一样，您必须在routes中使props选项为真，请参阅下面的代码来理解它：

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