VUE路由跳转原理

1,478 阅读1分钟

单页应用的路由模式有两种:

1.hash模式(用户体验好)

原理:利用hashchange事件监听URL中(锚点)hash后路由的变化

window.addEventListener('hashchange',function(e){
                 console.log(e)
})

2.history模式

原理: 比较传统的模式,当页面URL发生改变,立刻发起请求,响应整个页面并渲染

使用:在使用此模式需要后端把接口都打到我们打包后的index.html上(需后端支持)