Vue 编程式导航

编程式导航

#router.push

接收两种传值方式

// 第一种方式：传字符串路径
this.$router.push('/')
// 第二种方式：传对象 
this.$router.push({ name: 'Home' }) // 这个 name 就是 router/index.js 中 routes 对象路由定义的 name，命名式导航

#router.replace

replace 方法跟 push 方法有些类似，都可以跳转到指定的路径，他们的参数形式也是一样的，但是 replace 方法不会记录本次历史

 this.$router.replace('/login')
 this.$router.push({ name: 'Detail', params: { id: 1 } }) // 传递路由参数

#router.go

router.go 表示跳转到历史中的某一次，参数可以负数表示后退（如果参数时-1，效果跟router.back()一样 表示后退到上次访问的页面）