从零开始写一个 vue 路由 说说你的思路

Question

实现一个 Router 类

1. 可以保存路径和组件关系的配置
2. 监听 hashchange 或者 popState事件
3. 初始化时和事件回调里根据当前的路径匹配要渲染的组件

实现 router-view 和 router-link 组件，控制页面的跳转和显示

1. router-link 可以劫持a 标签的默认事件，使用路由实例进行路由的跳转
2. router-view 获取当前层级和路径匹配的组件，进行渲染

全局挂载两个变量，$router 用于获取路由器实例， $route 获取当前匹配的路由对象