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