Vue.js 什么'；使用<；路由器链路>；超过<；a href="&引用>；？

使用，组件

用于链接到路由。例如：

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

链接

但是，以下代码的工作原理似乎相同：

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

与仅使用

相比，

的优点是什么？

根据：

与硬编码的

相比，对于 原因如下:

• 它在HTML5历史模式和散列模式下都以相同的方式工作，因此如果您决定切换模式，或者当路由器返回到 在IE9的哈希模式中，无需更改任何内容

• 在HTML5历史记录模式下，路由器链接将拦截点击事件，以便浏览器不会尝试重新加载页面

• 当您在HTML5历史模式下使用base选项时，不需要将其包含在to-prop的URL中

而且：

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