Vue-Router Route Param zu Komponente Prop?

Question

dachte ich, das würde funktionieren:

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

Leider ist es nicht so einfach ist (es ist nicht id entweder). Wie mache ich das? (Ich habe gerade einen Kurs über vue, kann ich nicht glauben kann dies nicht mehr erinnern)

Answer 1

Wie es in der docs ist, haben Sie props Option wahr im routes, siehe unten Code, um es zu verstehen:

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