Vue学习笔记-编程式路由导航

作用

不借助<router-link>实现路由跳转，让路由跳转更加灵活

具体代码

可以在方法中通过指定API进行路由跳转

//采用push模式进行跳转
 this.$router.push({
   name:'routeName',
   query:{
     key1: xxx,
     key2: xxxx,
     ......
   }
});
//采用replace模式进行跳转
 this.$router.replace({
   name:'routeName',
   query:{
     key1: xxx,
     key2: xxxx,
     ......
   }
});
//回退至上一个路由组件
this.$router.back();
//前进至下一个路由组件
this.$router.forward();
//跳转至某个路由组件,参数n为正数时，则进行n次前进操作，参数n为负数时，则进行-n次后退操作
this.$router.go(n);