编程式路由导航是指不通过<router-link>创建<a>标签来定义导航链接，而是借助路由组件实例中的$router实例，通过编写代码来实现路由导航。

使用编程式路由导航，可以让路由的跳转方式变得更加灵活。

两种导航方式

$router也有与<router-link>相同两种导航方式，分别是push和replace。这两种方式分别调用两个不同的API，不过这两个API的使用方式是一致的。并且他们传入的参数与<router-link>中to props的值一样，可以传入两种类型的参数。

$router.push()：

this.$router.push('/user/zhangsan')

router.push({
  name: 'user', 
  params: { 
    name: 'zhangsan' 
  } 
})

$router.replace()：

this.$router.replace('/user/zhangsan')

router.replace({
  name: 'user', 
  params: { 
    name: 'zhangsan',
  }
})

一般情况下，push和replace的区别是，replace模式不会向history添加新记录。

$router.push()可以在配置对象中加入一个replace:true，起到与$router.replace()相同的效果：

router.push({
  path: '/user/zhangsan', 
  replace: true,
})
// 相当于
router.replace({
  path: '/user/zhangsan', 
})

移动历史记录

$router还封装了一些用于操作当前应用历史浏览记录的API：