vue配置路由并传递参数

一. 配置路由的 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 获取，如下图所示