vue-router动态路由使用，路由参数传递的方式 $router 和 $route

传递参数的两种类型params和query

参数传递方式一params类型 ：

路由配置格式：

 

 

 

 

参数 传递方式二query类型：

 

 

 

 

 

 

 

 

 

 

 $router指向的是整个路由实例，而$route指向的是处于当前活跃状态的路由。

这两个属性都在this(this指向的是当前组件的vue实例)直接调用。每一个组件都有$router 和 $route属性，因为vue-router源码里，把 $router 和 $route 放在Vue类的原型上，而所有的实例（所有的组件）都会继承Vue的原型。