一. 配置路由的 index.js 文件
在router文件夹中新建 index.js 文件
导入vue,vue-router 以及路由模块
使用路由模块
导出VueRouter
配置路由

此代码为一个路由数组(注意是routes);
第一项包含redirect参数,表示默认路径,其中的query表示路由传递的参数,为object类型;
二. 使用路由
- 在router-link的标签中绑定
- :to="{path:'/sales',query:{type:'All'}}"
path表示路由路径,query表示路由传递的参数obj - tag='div'
router-link的标签页面中默认渲染为 a标签,通过这个参数可改变,此代码表示渲染为 div 标签

三. 目标模块中获取传递参数
在路由至的目标模块中,想要获取通过路由传递的参数
可通过 this.$route.query.type 获取,如下图所示
