- 插件要实现自己的install方法，通过
vue use(VueRouter)来调用插件的install方法。其中install方法通过Vue的mixin在beforeCreate时机将路由挂在到vue的prototype上。 - 其次，如何将插件的router挂在到vue的proptotype上面。其中插件的
install方法会拿到vue实例的$options，其中$options就是new Vew({})的入参。由于在new vue时候传入了router所以通过options可以拿到。 - 路由实现
- hash模式通过location.hash = 'xx'进行替换。通过
location.hash获取路由，由于带有#，需要location.hash.slice(1); - history模式，有两种方法
pushState()和replaceState，其中history模式通过监听popstate，路由每次变化都会触发该事件。通过location.pathname获取路由。
- router-view和router-link的实现。本质两个都是vue component。传入的router，我们通过vueRouter class内部为我们创建了path到component的映射。因此当我们拿到当前的路由时，那么可以拿到对应的component，通过vue的
h函数来将组件渲染出来。router-link默认是一个a标签，通过传入to来代表跳转目标路由。通过h函数创建对应的a标签，跳转后再次通过router-view渲染。
- yarn
- yarn serve