vue-router 源码之实现一个简单的 vue-router

通过上篇，我们知道前端理由的两种实现方法，Hash 路由与 History 路由，并且用它们分别实现了一个前端路由。接下来我们就将 Vue 与 Hash 路由结合，实现一个非常简单的 vue-router 吧。参考 vue-router 官方的使用方式，看看 html 的使用：这里会有 router-link 和 router-view 两个组件需要我们来实现。再来看 js 的：这里会有我们自己定义的组件 Home、Book 和 Movie，并且有它们各自对应的路由。我们实现的 VueRouter 跟官方的有些区别，在 VueRouter 被 new 时是将 Vue 作为参数传入，而不是注入挂载到根实例下。接下来就是 VueRouter 的实现了。要怎么来实现 VueRouter 呢，先提供一下实现的思路：。先创建一个 VueRouter：给 VueRouter 添加一个绑定事件的方法，一旦路由发生改变，会触发 将传入的 options 设置成一张路由映射表，以便于通过路由查找到对应的组件。