【问题标题】:What is the advantage of using nuxt-link over router-link?使用 nuxt-link 与 router-link 相比有什么优势?
【发布时间】:2020-06-23 20:13:40
【问题描述】:

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

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

而不是

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

【问题讨论】:

    标签: vue.js routes nuxt.js nuxt-link


    【解决方案1】:

    根据Nuxt Docs,有两个重点:

    此组件 (&lt;nuxt-link&gt;) 用于提供页面组件之间的导航,并通过智能预取提高性能

    事实上,&lt;nuxt-link&gt; 扩展了 &lt;router-link&gt;。这意味着它需要 相同的属性,可以以相同的方式使用。

    之后我们可以阅读smart prefetching

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

    基于此,我认为您只是在使用&lt;nuxt-link&gt; 寻找更好的性能。

    【讨论】:

    • 对于任何感兴趣的人:根据this articleIf you’re using Vue CLI 3 every lazily loaded resource is prefetched by default!
    • 如果你想在 Nuxt 和非 nuxt 项目之间共享你的基础组件,那就太糟糕了
    猜你喜欢
    • 2021-08-09
    • 1970-01-01
    • 2019-07-21
    • 1970-01-01
    • 2010-09-24
    • 2010-12-27
    • 2015-04-06
    • 2013-05-09
    • 2017-05-29
    相关资源
    最近更新 更多