vue 路由传参几种方式

1.router-link

   <!--路由配置/:index 传参成功，刷新参数不会丢失    路由不配置/:index 传参成功，刷新参数参数丢失 -->
      <router-link :to="{ name: 'Login', params: { index: 1 } }"
        >nameparams</router-link
      >
   <!-- 传参失败 -->
      <router-link :to="{ path: '/login', params: { index: 1 } }"
        >pathparams</router-link
      >
  <!-- 传参成功，刷新不丢失 -->
      <router-link :to="{ name: 'Login', query: { index: 1 } }"
        >namequery</router-link
      >
   <!-- 传参成功，刷新不丢失 -->
      <router-link :to="{ path: '/login', query: { index: 1 } }"
        >pathquery</router-link
      >

2.this.$router 传参

 // 路由配置/:index 传参成功，刷新参数不会丢失    路由不配置/:index 传参成功，刷新参数参数丢失
 this.$router.push({ name: "Login", params: { index: 1 } }); 
 this.$router.push({ path: "/login", params: { index: 1 } }); // 传参失败
 this.$router.push({ name: "Login", query: { index: 1 } }); // 传参成功，刷新不丢失
 this.$router.push({ path: "/login", query: { index: 1 } }); // 传参成功，刷新不丢失

注：router和route

1.router是用来操作路由的。
2.route 是用来获取路由信息的