与路由器链接相比,使用 nuxt-link 有什么优势?

Nil*_*wal 5 routes vue.js nuxt.js nuxt-link

在 中Nuxt,我们可以使用router-link以及nuxt-link。使用nuxt-linkover 有router-link什么好处?

<nuxt-link to="/about">About</nuxt-link>
Run Code Online (Sandbox Code Playgroud)

代替

<router-link to="/about">About</router-link>
Run Code Online (Sandbox Code Playgroud)

Jak*_*cki 9

根据Nuxt Docs,有两个要点:

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

事实上,<nuxt-link>扩展<router-link>。这意味着它具有 相同的属性并且可以以相同的方式使用。

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

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

基于此,我认为您只是希望使用<nuxt-link>.

  • 如果您想在 Nuxt 和非 Nuxt 项目之间共享基础组件,那就不好了 (5认同)
  • 对于任何感兴趣的人:根据[这篇文章](https://vueschool.io/articles/vuejs-tutorials/lazy-loading-individual-vue-components-and-prefetching/),`如果您使用的是 Vue CLI 3默认情况下会预取每个延迟加载的资源!` (2认同)