传递多个道具Vue的成分在路线（VUE路由器）

Question

大师，

我有我运行如下及VueJS子组件工作正常 -

<app-shopping :categories="categories" :imageList="imageList"> 

现在我想为此添加一条单独的路线，但我不确定如何在路线声明中通过categories和imageList道具。我正在这样做 -

import appShopping from '../components/AppShopping.vue'; 
export const routes = [ 
    { path: '/', 
    component: appShopping, 
    props: true, 
}, 
]; 

有人能告诉我如何将道具从父组件传递给此组件吗？感谢您的帮助

编辑：增加了问题 如何解决延长，如果我在我的路线是由不同的组件，每个都有它自己的一套道具从父传递？

谢谢。

Answer 1

您可以传递router-view上的属性。

<router-view :categories="categories" :imageList="imageList"></router-view>