通过路由器链接使用nuxt-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将自动预取链接的代码分割页面 with，默认情况下在视口中可见。这个很大 提高最终用户的性能。

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