Vue中router-link与a标签有何本质差异？

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

Vue-router是伴随Vue框架出现的路由系统，被广泛认为是优秀的解决方案。使用Vue-router时，我们常会使用其自带的路径跳转组件Link，通过实现跳转功能，这与传统的跳转方式有何不同！

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 属性都不需要写 (基路径) 了。