重新整理一下Vue的技术点---页面导航(持续更新)

最近写Vue项目,感觉有很多技术知识点用的不是很熟练了,所以特来整理一番

Vue中页面导航分为声明式导航和编程式导航

第一:声明式导航

声明式导航是通过点击链接实现页面跳转的路由导航的方式

例如: 网页中的<a>链接或者vue中的<router-link>

第二:编程式导航(重点)

编程式是通过调用JavaScript形式的API来实现页面跳转的导航方式

例如: 网页中的location.href

经过查阅vue-router官方文档了解到: 编程式导航中一些常用的API方法约有四种:

第一: 路由跳转 ： this.$router.push()

第二: 路由替换 : this.$router.replace()

第三: 路由 后退： this.$router.back()

第四: 路由 前进 ：this.$router.forward()

补充第五: this.$router.go(1 , -1) 1表示前进 -1表示后退

在工作中一般使用this.$router.push()来实现页面的跳转

使用this.$router.back()实现页面的回退

(再有补充一点:可以通过配置路由项中的redirect属性来进行路由的重定向。)