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

Question

我认为这行得通：

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

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

Answer 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 }
  ]
})

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

vue-router route param to component prop?

vue.js

vue-router

vuejs2