В @javascript_jobs Или https://t.me/vuejs_kyiv

Благодарю!

я из под ноды и го смотрю.

го само собой, про ноду у меня мало инфы

готово

Не норм

ну я не лебедев. сорян.

Блен чё он такой популярный?

Кто?

Лебедев

Да это его стикерпак. инфа сотка

Надеюсь мы об одном и том же человеке думаем

ну я про этого

Да, верно

и этого

Всем доброго дня. Такая проблема: компоненту в data присваивается результат запроса, после чего я передаю это свойство в props дочернего компонента. В итоге при его отрисовке консоль орет об отсутствии некоторых свойств при повторном переходе все нормально. Как быть?

ор

Всем доброго дня. Такая проблема: компоненту в data присваивается результат запроса, после чего я передаю это свойство в props дочернего компонента. В итоге при его отрисовке консоль орет об отсутствии некоторых свойств при повторном переходе все нормально. Как быть?

Надо код смотреть

Всем доброго дня. Такая проблема: компоненту в data присваивается результат запроса, после чего я передаю это свойство в props дочернего компонента. В итоге при его отрисовке консоль орет об отсутствии некоторых свойств при повторном переходе все нормально. Как быть?

next tick

Всем доброго дня. Такая проблема: компоненту в data присваивается результат запроса, после чего я передаю это свойство в props дочернего компонента. В итоге при его отрисовке консоль орет об отсутствии некоторых свойств при повторном переходе все нормально. Как быть?

в .then

или в дочернем проверку на наличие данных

вот запрос в родителе http.get('/offer/show/' + this.offerId, {}) .then(getData) .then((response) => { this.loading = false this.offer = response.data }) вывод дочернего через <router-view :offercur="offer"></router-view> принимаю в дочернем вот так: props: ['offercur'],

Ну дак ты выводишь данные которых ещё нет

Надо условие какое-то

ЧТобы этот компонент не рендерился до прихода данных

там же в запросе loading = false пробовал на <router-view :offercur="offer"></router-view> навешивать v-if="!loading"

не помогло

как это поможет если ты роуту вешаешь. а не компоненту

там же в запросе loading = false пробовал на <router-view :offercur="offer"></router-view> навешивать v-if="!loading"

Кстати да, и условие у тебя не верное, выключится когда данные загрузятся

как это поможет если ты роуту вешаешь. а не компоненту

просто отчаянная попытка

поменяй чето. имхо в router-view ты пропсы не передашь..

В компонент роута пропсы можно передавать из query

Если очень надо

И запрос на получение данных по идее должен быть прямо в компоненте, который висит на роуте

И запрос на получение данных по идее должен быть прямо в компоненте, который висит на роуте

вот это спорный момент

asyncData это фишка роутера?

как по мне запросы должны быть в роут-компонентах.

asyncData это фишка роутера?

ну почти. это фишка SSR

как по мне запросы должны быть в роут-компонентах.

Ну я об этом же и сказал

Ну я об этом же и сказал

а ну да. точн

ну почти. это фишка SSR

Но asyncData работает не только при ssr почему этого нет в роутере?) 🤔

Но asyncData работает не только при ssr почему этого нет в роутере?) 🤔

а где она еще работает?

Ну ssr ведь только при начальной загрузке

Потом всё как в спа

Ждёт пока asyncData зарезолвится а потом переходит на роут

asyncdata это фетч данных на ноде которая потом отрендерит тебе и отдаст все вместе

Ненене, это работает и там и там

https://nuxtjs.org/guide/async-data#__layout

просто запрос я делаю в родителе а в дочерних хотелось бы выводить части общей инфы

вот и начал бы с того что это нукст

Но они врядли модифицировали это

все так. потому что при переходе на роут ищется опция асинкдата и если там чето есть то выполняется

но это делается на ноде (90% уверен)

Нет

Это делается там, где запускается

https://github.com/xrei/vue-ssr/blob/master/template/src/entry-server.js

почитай реализацию

Видимо нухтовцы всё-же чё-то переделали, ибо поведение одинаковое на сервере и клиенте

у тебя вообщет нода на каждый роут отдает

а не один раз в самом начале

Видимо нухтовцы всё-же чё-то переделали, ибо поведение одинаковое на сервере и клиенте

ну и могли переделать. у них там много чего

Не зря, видимо, выбрал нухт

Да не нужен он)

Лишний слой

Но реально вполне логичнее было бы прицепить asyncData к роутеру

просто запрос я делаю в родителе а в дочерних хотелось бы выводить части общей инфы

Зачем писать логику детей в родителях? каждый роут должен сам знать что и откуда брать

Да не нужен он)

Да вполне неплохо, меньше долбёжки

Если заходят первый раз, то отдает нода. Дальше работает клиент. Клиент перед каждым переходом собирает все asyncData и резолвит их.

Но реально вполне логичнее было бы прицепить asyncData к роутеру

он вообще то и прицеплен к роутеру. я те кинул реализацию. в нукте такая же, можешь найти, мне влом искать

Если заходят первый раз, то отдает нода. Дальше работает клиент. Клиент перед каждым переходом собирает все asyncData и резолвит их.

Ну вот и я о том же

Если заходят первый раз, то отдает нода. Дальше работает клиент. Клиент перед каждым переходом собирает все asyncData и резолвит их.

Но судя по доке ssr.vue то там по дефолту надо ручками это реализовывать

Но судя по доке ssr.vue то там по дефолту надо ручками это реализовывать

🙈

Но судя по доке ssr.vue то там по дефолту надо ручками это реализовывать

Эта дока не дает готового решения, это просто пособие как сделать самому.

он вообще то и прицеплен к роутеру. я те кинул реализацию. в нукте такая же, можешь найти, мне влом искать

Да щас, я так и не смотрел тот линк)

готовое решение я сделал 😆 минимальное со всем чем нужным что мне надо от ssr, а вся лишняя херня нукста мне ненужна)

Хмм, т.е. всё-таки у них есть встроенная реализация, но в доках описаны просто несколько методов использования asyncData

https://ssr.vuejs.org/ru/data.html# раздел Загрузка данных на клиентской части

Эта дока не дает готового решения, это просто пособие как сделать самому.

ну да, но оно на столько простое, что можно копипастой кода все сделать

А если в vuex результат запроса поместить и в дочерних компонентах использовать? Допустим такой вариант?