在<a href="">?

Question

Using vue-router上使用有什么好处，提供了组件<router-link>用于链接到路由。示例：

<router-link to="/foo">Link</router-link>

但是，以下代码似乎可以正常工作：

<a href="#/foo">Link</a>

与仅使用<router-link>相比，<a>有什么优势？

Answer 1

根据doc for <router-link>：

  

<router-link>优于硬编码的<a href="...">，因为   原因如下：

     

  

• 在HTML5历史记录模式和哈希模式下，它的工作方式相同，因此，如果您决定切换模式，或者路由器何时回退到   IE9中的哈希模式，无需进行任何更改。

  

• 在HTML5历史记录模式下，router-link将拦截click事件，以便浏览器不会尝试重新加载页面。

  

• 在HTML5历史记录模式下使用基本选项时，无需将其包含在prop的URL中。

  

还有：

  

此外，当目标路由处于活动状态时，链接会自动获得一个活动的CSS类。