vue-router是啥
vue-router是啥
这里的路由并不是指我们平常所说的硬件路由器，这里的路由就是SPA（单页利用）的途径治理器。再通俗的说，vue-router就是WebApp的链接途径治理系统。
vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面利用。vue的单页面利用是基于路由和组件的，路由用于设定拜访途径，并将途径和组件映射起来。传统的页面利用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面利用中，则是途径之间的切换，也就是组件的切换。路由模块的本质 就是创立起url和页面之间的映射关系。
至于我们为啥不克不及用a标签，这是由于用Vue做的都是单页利用，就相当于只要一个主的index.html页面，所以你写的<a></a>标签是不起作用的，你必需使用vue-router来停止治理。
vue-router实现道理
SPA(single page application):简单页面利用程序，只要一个完全的页面；它在加载页面时，不会加载整个页面，而是只更新某个指定的容器中内容。单页面利用(SPA)的中心之一是: 更新视图而不从新恳求页面;vue-router在实现单页面前端路由时，供给了两种方式：Hash模式和History模式；
1、Hash模式：
vue-router 默许 hash 模式 —— 使用 URL 的 hash 来模拟一个完全的 URL，于是当 URL 改动时，页面不会从新加载。 hash（#）是URL 的锚点，代表的是网页中的一个位置，单单改动#后的部分，阅读器只会滚动到响应位置，不会从新加载网页，也就是说 #是用来引导阅读器动作的，对效劳器端完全无用，HTTP恳求中也不会不包罗#；同时每一次改动#后的部分，都会在阅读器的拜访历史中增添一个记载，使用”后退”按钮，就可以回到上一个位置；所以说Hash模式通过锚点值的改动，按照不一样的值，渲染指定DOM位置的不一样数据
2、History模式：
由于hash模式会在url中自带#，假如不想要很丑的 hash，我们可以用路由的 history 模式，只需要在配置路由规则时，参加"mode: 'history'",这种模式充分利用 history.pushState API 来完成 URL 跳转而不必从新加载页面。
以上就是vue-router是啥的具体内容，更多请关注百分百源码网其它相关文章！
