vue路由模式(vue的路由模式有哪几种?)

vue路由模式(vue的路由模式有哪几种?)

vue的路由模式有哪些?我们一起了解一下吧!

在vue-router路由目标中,路由有二种模式:hash和history,默认设置的是hash模式。

hash路由模式:hash模式的基本工作原理是hashchange事情,可以在window监视hash的转变。我们在url后边随意加上一个#xx开启这一事情。

history路由模式:把window.history目标打印出出去能够看见里边给予的办法和纪录长短。

应用情景:

一般场景下,hash 和 history 都能够,除非是你更在乎长相,# 标记参杂在 URL 里看上去的确很多不太美丽。

如果不要想难看的 hash,大家可以用路由的 history 模式,这类模式灵活运用 history.pushState API 来进行URL 跳继而无需重新加载网页页面。

二种模式比照:

hash 模式下,仅 hash 标记以前的信息会被包括在要求中,如 http://www.abc.com,因而针对后面而言,即使沒有保证对路由的全覆盖,也不会回到 404 不正确。

history 模式下,前面的URL务必和具体向后面进行要求的 URL一致,如http://www.abc.com/book/id。假如后面缺乏对 /book/id 的路由解决,将回到 404不正确。

有关vue的路由模式,大家就认识到这啦!

- END -