编程式导航

作用

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

导航分类

声明式导航：

• 通过点击链接实现导航
• 如普通网页点击 a 链接，vue 点击 <router-link>

编程式导航：

• 通过调用 API 实现导航
• 普通网页通过 location.href 的方式跳转页面也是编程式导航

编程式导航API

vue-router 中实现编程式导航的 API ：

push

this.$router.push('hash地址') ：跳转到指定页面，并增加一条历史记录

replace

this.$router.replace('hash地址') ：跳转页面，但不会新增历史记录，而是替换当前的历史记录

go

this.$router.go(数值) ：历史记录前进或后退，相当于点击浏览器前进后退箭头

forward

this.$router.forward() ：前进一步

back

this.$router.back() ：后退一步

代码示例

this.$router.push({
	name:'xiangqing',
    params:{
        id:xxx,
        title:xxx
    }
})

this.$router.replace({
	name:'xiangqing',
    params:{
        id:xxx,
        title:xxx
    }
})
this.$router.forward() //前进
this.$router.back() //后退
this.$router.go() //可前进也可后退