Vue асинхронный компонент регидратации SSR

Использование асинхронных компонентов Vue с SSR вызывает регидратацию при обновлении страницы. Есть ли способ не вызывать обновление компонентов без причины? Разметка от SSR и на клиенте одинакова.

https://vuejs.org/v2/guide/components-dynamic-async.html

1 ответ

Решение

При рекурсивном использовании динамически загружаемых компонентов необходимо добавить :key для каждого, но это не было моей проблемой. Моя проблема заключалась в загруженном веб-пакете, который не мог обработать два включения в рекурсивном режиме. Завершилось ошибкой циклической зависимости. Даже с методом загрузки lazy, Исправлено путем регистрации этого компонента глобально как плагин (nuxt, но его можно просто загрузить в app.vue с помощью Vue.component, Таким образом, веб-пакет не пытается загрузить второй, и мы можем просто использовать компоненты, которые уже зарегистрированы. Результатом предыдущего подхода стала регидратация всех рекурсивных компонентов при каждой загрузке страницы.

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