vue中hash路由与历史路由
时间: 2024-02-10 18:47:50 浏览: 73
Vue-router 中hash模式和history模式的区别
5星 · 资源好评率100%
Vue中路由分为hash路由和历史路由两种,它们的区别在于路由的实现方式不同。
1. hash路由
在hash路由中,路由信息会被添加到URL的#后面,例如:http://example.com/#/home。这种方式可以避免浏览器刷新页面,因为修改#后面的内容不会触发浏览器的刷新操作,而且可以兼容老版本的浏览器。
Vue中使用hash路由需要使用Vue Router插件,并在Router实例中设置mode为'hash'。
2. 历史路由
在历史路由中,路由信息会被添加到URL的路径中,例如:http://example.com/home。这种方式可以使URL更加美观,但是每次切换路由时都会触发浏览器的刷新操作,因此会有一定的性能损失。
Vue中使用历史路由需要使用Vue Router插件,并在Router实例中设置mode为'history'。
总的来说,hash路由适用于单页应用,历史路由适用于多页应用。但是随着前端技术的发展,越来越多的单页应用也开始使用历史路由。
阅读全文