详解vue-router 初始化时做了什么

最近因为业务需要，实现了一个简单的前端 router，正好也来看一下 vue router 是怎么实现的。我们首先来看 vue-router 的使用步骤，然后再分别去看各个步骤都发生了什么。如果没有加载过，会取所有的参数，并将 this 放在第一个。最后将 plugin push 到插件列表中。入口文件 index.js 对外 export 了一个 VueRouter 类。VueRouter 类包含了 router 的各种方法，我们直接先来看一下 install 方法。history 模式在浏览器不支持时会回退到hash模式。此外，如果是服务器端渲染，需要进行 router 匹配来获取要渲染的页面。实例化为Vue 类时，会将 VueRouter 的实例传入，这个变量放在 vue router 初始化所做的事情就是这些，下篇博客我们来一起看一下 vue router 实际运行时发生了什么。