Vue中编程式导航的应用

编程式导航
除了使用 创建 a 标签来定义导航链接，我们还可以借助 router 的实例方法，通过编写js代码来实现。在 Vue 实例内部，你可以通过 $router 访问路由实例。
$router是VueRouter中的全局对象

Router实例方法

1. router.push(参数) 向 history 栈添加一个新的记录
   $router.push(’/student’)
   $router.push(’{path:’’}’)
   $router.push(’{path:’’,query:{}}’)
   $router.push(’{name:’’,params:{})
   如果参数对象中是path， params 不生效，只能通过query来传递

2. router.replace(参数) 与push非常类似，不同的是不在history中加入新的记录，而是替换当前的history记录

3.  $router.back():后退一步
    $router.forward()：前进一步
    $router.go(num)：前进/后退num步
   

这个方法的参数是一个整数，意思是在 history 记录中向前或者后退多少步，类似 window.history.go(n)。