vue 路由 传参

1. 

<router-link class="link" v-bind:to="{path:menu.url,query:{menuId:menu.id}} " @click.native="toggle(menu)" >

   其中 path 为路径  menu.url 为变量

           query为参数  menuId为名字  menu.id为传递参数值

  页面接收：

       var menuId = this.$route.query.menuId; 

      不过这种方法不太安全

2.

   params传参可能还安全一点

<router-link :to="{name:menu.url,params:{menuId:menu.id}}">1111</router-link>

name 为路由跳转组件 的name名字（在router -> index.js 的  routes的属性中添加name属性 ）

在router -> index.js 的  routes的属性中添加name属性  

 routes: [
    {
      path: '/one',
      name: 'ChildOne',//跳转name
      component: ChildOne
    } 

 ]

接收参数： this.$route.params.menuId