vue的路由模式

路由模式默认hash 哈希模式地址上带#

优点: 兼容性好 缺点 不美观

原理 #后面地址改变不会引起页面刷新,路由会检测到地址变化(window.onhashchange),拿到最新的地址找到

路由实例中渲染:

 mode: 'hash',

路由模式: history模式 地址上不带#

优点: 美观 缺点 兼容不好

原理:

  • 1. 采用h5的history相关api(pushState, replaceState)
  •  2. 必须服务器支持,配合后台
  • 3. 在脚手架环境下,默认支持history模式

mode: 'history', 

你可能感兴趣的:(vue.js,javascript,前端)