单页应用如何实现根据不同URL的Hash值展示不同页面

单页应用，比如用Vue开发的一个单页应用，针对URL的Hash值不同，也即#后边的部分不同，可以展示(路由到)不同的页面(Vue组件)。在浏览器的地址栏的#后边更改值，并不会导致浏览器重新向服务器发送请求。具体请参考如下文档：

window.location.hash 使用 - canger - 博客园 (cnblogs.com)

javascript可以通过如下代码来监听Hash值的变化：

window.onhashchange=function(event){
  console.log(event);
}
//或者
window.addEventListener('hashchange',function(event){
   console.log(event);
})