vue-router 源码实现前端路由的两种方式

在学习 vue-router 的代码之前，先来简单了解一下前端路由。前端路由主要有两种实现方法：。有以下两种方式会改变 url：。第一个方式可以封装一个方法，在调用 pushState后再调用回调。第二个方式，浏览器的前进与后退会触发 我们通过 参考 vue-router 的调用，我们会这么地调用一个 数组里是各路由对应的要显示的内容，接下来就来开始实现这个 Hash 路由 实现效果如下：History 路由需要服务器的支持，可以点击实现效果如下：前端路由实现方式有两种，分别是：。原理都是修改 url 的同时不刷新页面，不向服务器发送请求，通过监听特殊的事件来更新页面。以上实现全部源码参考