您的位置：首页 > Web前端 > Vue.js

Vue 路由工作流程 hash 与 history

2020-04-07 18:32 1431 查看

vue-router是怎么触发监听事件的呢？

其实就是用到了hash，这里对于前端来说就着重介绍hash了，history记得会有一定兼容性问题。

1、#号后的就是hash的内容
2、可以通过location.hash拿到
3、可以通过onhashchange监听hash的改变

1、history即正常的路径
2、可以通过location.pathname拿到
3、可以通过onpopstate监听history的改变

对于hash，我们可以在控制台通过

location.hash

获取值（如果没有#就获得空字符串），如下所示：

监听hash的改变

window.onhashchange=function(){
console.log('hash值已改变!')
}

history模式与上述方法类似

学如逆水行舟，不进则退

一百个Chocolate 博客专家发布了600 篇原创文章 · 获赞 2156 · 访问量 34万+ 私信关注

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航