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

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

参数传递方式一params类型 :

路由配置格式:

 

 

参数 传递方式二query类型:

 

 

 

 

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

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

原文地址:https://www.cnblogs.com/jiaobaba/p/13081265.html