参数未通过 Vuejs 上的路由器链接传递

Question

我正在尝试通过 Vuejs 上的路由器链接将属性传递给组件，但该组件没有正确接收它们。我有一个主菜单和一个二级菜单，当单击主菜单按钮时，我想在其中传递属性：

const Sidebar = {

  name:'sidebar',

  template:`

  <div>

    Sidemenu

    <router-link  v-for="route in routes" v-key="route" :to="route">{{route}}</router-link>

  </div>`,

  props: {

    routes:{

      type: Array,

      required: true,

      default: function(){return []}

    }

  }

}

const AppMenu = {

  name:'app-menu',

  template:`

    <div>

      <router-link :to="{name:'project', params:{routes: projectMenus}}">Project</router-link>

      <router-link :to="{name:'assets', params:{routes: assetsMenus}}">Assets</router-link>

    </div>`,

  data: function(){

    return{

      projectMenus: ['overview', 'settings'],

      assetsMenus: ['landscapes', 'characters']

    }

  }

}

const App = {

  template:`

    <div>

      <app-menu/>

      <router-view name="sideview"/>

      <router-view name="sectionview"/>

    </div>`,

  components:{AppMenu}

};

const Routes= [

    {path: '/', name:'home', redirect: 'project'},

    {path:'/project', name:'project', components:{sideview:Sidebar}, props:{sideview:true}},

    {path:'/assets', name:'assets', components:{sideview:Sidebar}, props:{sideview:true}}

]

Sidebar 组件正在渲染，因为我可以在页面上看到“Sidemenu”，但是控制台抛出[Vue warn]: Missing required prop: "routes" on Sidebar，所以我的子菜单链接没有显示。我搜索了文档，并在许多论坛中搜索了许多类似的问题，但找不到我做错了什么。