vue-router路由模式有几种?

vue-router路由模式有几种?

vue-router有3种路由模式:hash,history,adstract.
hash:使用URL hash值来做路由。支持所有浏览器,包括不支持HTML5 History Api 的浏览器。

hash实现原理:
早期的前端路由的实现就是基于location.hash来实现的,location.hash的值就是URL中的#后面的内容,
特性:
URL中的hash值只是客户端的一种状态,
hash值的改变,都会在浏览器的访问历史中增加一个记录,
可以通过a标签,并设置href属性,
我们可以使用hashchange事件来监听hash值的变化,从而对页面进行跳转(渲染)

history:依赖HTML5 History API和服务器配置,具体查看HTML5 History模式。
abstract:支持所有JavaScript运行环境,如Node.js服务器端,如果发现没有浏览器的API,路由会自动强制进入这个模式。
history实现原理:
HTML5提供了History API来实现URL的变化

你可能感兴趣的:(vue-router路由模式有几种?)