vue-router中路由的模式以及底层原理

weixin_34232363

于 2019-04-14 10:23:36 发布

阅读量1.1k

点赞数

文章标签： javascript 数据结构与算法 java ViewUI

原文链接：https://juejin.im/post/5cb308df5188251b2f3a5541

版权

#vue-router中路由的模式以及底层原理

路由类型：

Hash模式：吃藕，#/...;无法使用锚点定位；
History模式:需要后端配合，IE9不支持（可使用强制刷新处理）
复制代码

底层原理通过唐老师的一张图理解：

在vue-router模块中：仍然是利用Object.defineProperty()API，将路由做响应式处理；当路由跳转的时候，执行updateRoute()函数；在Vue.util.defineReactive_route()中将路由响应式处理；在router-view 中判断当前路由，并向显示对应组件；

转载于:https://juejin.im/post/5cb308df5188251b2f3a5541