В чем преимущество использования в NUXT asyncData на страницах, вместо обработки в хуках (по типу async beforeMount)?

Question

[Андрей Чирков]

Читая документацию и разные ответы я так и не понял отличия, кроме того что при asyncData очень легко показать полосу загрузки сверху. Подскажите чем конкретно это лучше? Можно же объявить переменные в дате и в хуках beforeMount или mount вызвать axios и записать значение в переменную.
Так же через asyncData не совсем очевидно было как встроить loader (по сути переменная в data)

Answer 1

[Aetae]

Пока asyncData не отработает - компонент не отрендерится и не замнотируется.
При стандартном подходе компонент сначал рендерит заглушку, потом грузит данные, потом рендерит что-то на основе данных, при asyncData он ничего не делает пока нет данных. Это удобнее.
Увы asyncData не идеальна, из-за архитектуры vue-router(я в своё время глубоко разбирался, увы без полного переписывания vue-router особо лучше не сделаешь), но всё равно удобней чем делать то же самое руками.

Comments

[Антон Антон]

ну, там есть ещё fetch, который после создания но до монтирования + на сервере ещё. Из которого к тому же статусами анимаций переходов можно управлять.

[Aetae]

Антон Антон, после asyncData - fetch это какой-то непонятно нахрена нужный мусор. С тем же успехом можно юзать стандартный подход с обычными хуками.