Vue中router-link和传统a链接有哪些本质区别？

本文共计1076个文字，预计阅读时间需要5分钟。

Vue-router 是一个基于 Vue 框架的路由系统，被认为是优秀的路由解决方案。使用 Vue-router 时，我们常使用其自带的 `` 组件进行路径跳转，实现页面间的导航，这与传统的导航方式有何不同呢？

Vue-router是伴随着Vue框架出现的路由系统，它也是公认的一种优秀的路由解决方案。在使用Vue-router时候，我们常常会使用其自带的路径跳转组件Link,通过实现跳转，这和传统的何其相似！但它们到底有什么具体的区别呢？

官方中给出的解释是这样的：

<router-link> 比起写死的 <a href="..." rel="external nofollow" rel="external nofollow" > 会好一些，理由如下：

无论是 HTML5 history 模式还是 hash 模式，它的表现行为一致，所以，当你要切换路由模式，或者在 IE9 降级使用 hash 模式，无须作任何变动。

在 HTML5 history 模式下，router-link 会守卫点击事件，让浏览器不再重新加载页面。

当你在 HTML5 history 模式下使用 base 选项之后，所有的 to 属性都不需要写 (基路径) 了。