Параметр vue-router route для компонента prop?

Question

Я думал, что это будет работать:

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

К сожалению, это не так просто (это не id либо). Как мне это сделать? (Я просто взял курс на вю, не могу поверить, что я не могу вспомнить это)

Answer 1

Как это в docs, вы должны сделать props вариант верно в routes см ниже код, чтобы понять:

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