В чем преимущество использования Nuxt-Link перед Router-Link?

В Nuxt, мы можем использовать router-link так же как nuxt-link. В чем преимущество использованияnuxt-link над router-link?

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

вместо того

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

1 ответ

Решение

Согласно Nuxt Docs, два важных момента:

Этот компонент (<nuxt-link>) используется для обеспечения навигации между компонентами страницы и повышения производительности с помощью интеллектуальной предварительной выборки.

По факту, <nuxt-link> расширяет <router-link>. Это означает, что он имеетте же свойства и может использоваться таким же образом.

После этого мы можем прочитать об умной предварительной выборке:

Nuxt.js автоматически выполняет предварительную загрузку разделенных на код страниц, на которые есть ссылки,если они видны в области просмотра по умолчанию. Это значительноулучшает производительность конечных пользователей.

Исходя из этого, я думаю, вы просто хотите повысить производительность с <nuxt-link>.

Другие вопросы по тегам