1、原理图如下所示

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

 

 Vue-route实现原理 随笔

 

2、说明

1、安装插件的时候监听hashchange事件,监视_route

2、处理router-link 获取到path关联组件

3、等待hashchange触发,匹配routes中的数据,最终得到matched赋值给_route

4、触发了_route的监听行为,router-view这个组件此时获取到_router,然后进行渲染

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄