vue-router原理分析

91 阅读1分钟

1、作为⼀个插件存在:实现VueRouter类和install⽅法

2、实现两个全局组件:router-view⽤于显示匹配组件内容,router-link⽤于跳转;将$router 挂载到vue的原型上;

3、监控url变化:监听hashchange或popstate事件

4、响应最新url:创建⼀个响应式的属性current用来存放当前的url,当它改变时获取对应组件并渲染显示