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

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

路由类型：

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

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

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

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