Vue编程式路由导航

学习笔记

作用是不借用<router-link>来实现路由的跳转

因为<router-link>有点类似于a标签实现跳转，假如使用button这些标签的话，就不能使用<router-ink>。

button设置一个点击事件click，然后是在methods里去配置几个api。常用的有push replace forward back go

他们5个是存在于Vue的router的原型当中，因此可以在方法中使用this.$router.push/replace（）去使用，括号里面是一个对象形式，里面和使用router-link中to配置一样，写好name和params。this.$router.push/replace（{name:"",params:{}}）.

push和replace的区别是。浏览器左上角有后退和前进两个箭头，当后退则会退到上一个浏览器访问的页面地址，前进是下一个。使用push就类似于正常的追加，当使用replace则是代替上一个页面的地址，上一个页面地址就被当前页面地址替换了。

foward就是前进，back就是后退，就是页面去控制浏览器的前进和后退。。

go后面要跟一个参数为数字，意思为前进多少，负数为后退多少。

使用也是this.$router.back/forward/go()