VUE实现动态路由跳转传参

根据导航菜单实现点击跳转不同组件携带所需要使用的参数

**vue中可以跳转路由可以通过this.$router.push(url)进行不同组件页面跳转，但是如果需要向子组件传递参数可以使用prop进行传参，但是如果在vue-cli中并不是很方便。我们查看源码可以得知this.$router.push()可以传递下面几个参数**

name:“router/index.js中组件的名称”
path:“组件的跳转路由”
query:“传递参数的字典”
parmars:“传递参数的字典”

需要注意的是 url和parmas不能一起使用，会导致路由跳转失败，path可以和query同时使用，name和parmas可以同时使用

格式如下：

然后在跳转的组件中通过下面的方式进行接收参数