在nuxt-link上使用无预取有什么好处？

Question

我了解使用nuxt-link而非a的好处是，由于预取，它可以提高我的网站的响应速度。现在阅读nuxt-link component page in nuxtjs.org，我发现有一种方法可以使用no-prefetch进行预取。

在这种情况下，我很难理解为什么要使用nuxt-link？您不想使用其他东西吗？为什么您仍然使用nuxt-link？

Answer 1

  

如果不需要，则不需要使用它。很简单。

我不确定您对you want to use something else的意思。

nuxt-link只是router-link的包装，并进行了一些调整。因此，如果您不需要预取，则nuxt-link只需router-link。

使用nuxt-link（router-link）而不是简单的a标签有什么好处？

nuxt-link有很多不足之处，例如，如果您需要使用命名路由生成链接。

让我们想象一下，如果您生成了这样的路线：

{
  path: "/users/:userId?/posts/:id?/:slug?",
  component: _33r1e47x,
  name: "users-id-posts-id-slug"
}

您只需要写

<nuxt-link :to="{ name: 'users-id-posts-id-slug', params: { userId, id, slug }}"></nuxt-link>

代替

<a :href="`/users/${userId}/posts/${id}/${slug}`"></a>

Answer 2

如果使用锚标签，则说明您没有充分利用SPA。在链接之间导航时，页面将完全重新加载。

<nuxt-link />挂接到Vue Router。因此，当您单击nuxt-link时，页面不会重新加载。因为发生了客户端路由。这样做的速度要快得多，这可能也是您为什么首先要选择SPA的原因之一。

预取是最重要的。如果您想要额外的性能，请进行预取。但是，如果您不使用它，将不会有什么大不了的。