Vue路由的详细介绍（路由传参，跳转，守卫）

1. 路由传参

   1. query传参

      • 直接在请求路径后面以键值对的形式传递参数的形式为query传参

      • 通过$route.query读取对应参数

   2. params传参

      • 直接在请求路径后面接参数且需要在对应路由中使用占位符声明接收params参数

      • 通过$route.params读取对应参数

   3. router-link标签中 to 的对象写法

      1. to必须为动态数据绑定

      2. 若为query传参 to对配置对象为 path 和 query

      3. 若为params传参 to对配置对象为 name和 query

         • params传参使用 to 的对象写法 必须使用 name 进行跳转 不能使用 path 进行跳转

         • 所以在router 文件的index.js文件中必须配置 name 命名路由

2. router和route的关系

   1. router只有一个 而 每个组件都有对应不同的route

   2. 每个组件的route身上由不同的属性

      1. params{}： 存储 通过params传参跳转到该路由的params参数

      2. query{}： 存储 通过query传参跳转到该路由的query参数

      3. meta{}：自定义键值对 用于路由守卫鉴权

3. 路由守卫 ：对路由进行权限控制

   1. 全局路由守卫（在rou