使用 nuxt-link 与 router-link 相比有什么优势？

Question

在Nuxt 中，我们可以使用router-link 以及nuxt-link。使用nuxt-link 比使用router-link 有什么优势？

<nuxt-link to="/about">About</nuxt-link>

而不是

<router-link to="/about">About</router-link>

Answer 1

根据Nuxt Docs，有两个重点：

此组件 (<nuxt-link>) 用于提供页面组件之间的导航，并通过智能预取提高性能。

事实上，<nuxt-link> 扩展了 <router-link>。这意味着它需要 相同的属性，可以以相同的方式使用。

之后我们可以阅读smart prefetching：

Nuxt.js 将自动预取链接的代码拆分页面 默认情况下在视口中可见。这巨大 提高最终用户的性能。

基于此，我认为您只是在使用<nuxt-link> 寻找更好的性能。