vue简单介绍路由的3大模式

vue简单介绍路由的3大模式，下面编程教程网小编给大家简单介绍一下！

1、history模式

history.go(-2);//后退两次
history.go(2);//前进两次
history.back(); //后退
hsitory.forward(); //前进

2、hash模式

<a href='#/web'>1(#/aaa)</a>

使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载，其显示的网路路径中会有 “#” 号，有一点点丑。这是最安全的模式，因为他兼容所有的浏览器和服务器。

3、abstract模式

const router = new VueRouter({routes, mode:'hash|history|abstract',})

总结一下：

1：hash模式（vue-router默认模式URL后面带#）使用URL的hash值来作为路由，支持所有浏览器；缺点：只能改变#后面的来实现路由跳转。

2：history模式（通过mode: ‘history’来改变为history模式）HTML5 （BOM）History API 和服务器配置 缺点：怕刷新如果后端没有处理这个情况的时候前端刷新就是实实在在的请求服务器这样消耗的时间很多还很慢。