vue登录成功后如何跳转url,跳转页面

1. this.$router.push()
   解释：这个方法会向history添加一个记录，点击后退会返回到上一个页面
   使用方法：

   //字符串
   this.$router.push(’home');
   //对象
   this.$router.push({path:’home'});
   //命名的路由
   this.$router.push({name:'user'});
   //带参数 /regisetr?role=user
   this.$router.push({path:'register',query:{role:'user'}});
   // 跳转后的页面获取参数
    this.role = this.$router.query.role;
   
   

2. this.$router.replace()
   解释：这个方法不会向history添加一个记录，点击后退不会返回到上一个页面，点击返回，会跳转到上上一个页面。上一个记录是不存在的。

3. this.$router.go(n)
   解释：n表示当前页面向后或向前跳转多少个页面，n可以为负数，正数表示跳转到上一个页面。
   使用方法：

   this.$router.go(-1)；//后退一步相当于history.back();
   this.$router.go(1)；//前进一步，相当于 history.forward();
   this.$router.go(100)；//history记录不够则跳转失败