路由组件传参
通过 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 参数将被设置为组件属性
来源: http://www.bubuko.com/infodetail-3045598.html