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

Question

在Nuxt中，我们可以使用router-link以及nuxt-link。使用nuxt-linkover 有什么好处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>. 这意味着它具有 相同的属性并且可以以相同的方式使用。

之后我们可以阅读有关智能预取的信息：

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

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