路由组件传参
通过props解耦
const User = { props: [‘id‘], template: ‘<div>User {{ id }}</div>‘ } const router = new VueRouter({ routes: [ { path: ‘/user/:id‘, component: User, props: true }, // 对于包含命名视图的路由,你必须分别为每个命名视图添加 `props` 选项: { path: ‘/user/:id‘, components: { default: User, sidebar: Sidebar }, props: { default: true, sidebar: false } } ] })
布尔模式
如果props被设置为true,route.params参数将被设置为组件属性
原文:https://www.cnblogs.com/sonwrain/p/10806166.html