я про то, что зачем делать сам created асинхронным

не понимаю, а какая разница? Человек хочет просто зафетчить данные в хуке и любит async/await.

Я не очень понимаю, как это решит изначальную проблему человека) Разве рендер приостановится, если делать async/await в created?

не понимаю, а какая разница? Человек хочет просто зафетчить данные в хуке и любит async/await.

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

Я не очень понимаю, как это решит изначальную проблему человека) Разве рендер приостановится, если делать async/await в created?

нет, никогда не остановится

Я не очень понимаю, как это решит изначальную проблему человека) Разве рендер приостановится, если делать async/await в created?

рендер нет

Ну так а зачем это всё тогда? :D

Я не очень понимаю, как это решит изначальную проблему человека) Разве рендер приостановится, если делать async/await в created?

Если ты в креэйтед больше ничего не делаешь, то незачем.

+

Он пришел с проблемой "падает ошибка из-за того, что контент рендерится раньше, чем получается с сервера" и ушел в состоянии "перепишу на async/await"

жаль, что это ему не поможет :c

Он пришел с проблемой "падает ошибка из-за того, что контент рендерится раньше, чем получается с сервера" и ушел в состоянии "перепишу на async/await"

Ему уже объяснили выше, что нужно задать initial values

тут пошел спор про то, стоит или делать async created

с учетом того, что created hook задумывался синхронным

например вот

https://forum.vuejs.org/t/cant-get-created-hook-to-work-when-its-async/28604/3

какая может быть тут проблема?

и нахрена городить такую конструкцию?

Я бы на mounted вешал

А в маунтед есть доступ к this?

и нахрена городить такую конструкцию?

компонент создается и ты фетчишь нужные для него данные, а когда фетч закончится, то лоадер вырубаешь. Что в конструкции не так?

У тебя req не задан

Мб this.req?

У тебя req не задан

че?

вы наркоманы чтоль, харе. Это псевдокод, а не реальный.

и везде есть доступ к this, кроме некоторых роут хуков

вы наркоманы чтоль, харе. Это псевдокод, а не реальный.

? блин мб

Подскажите, что за шрифт?

Я бы на mounted вешал

если делать с mounted, то надо ставить лоадер по умолчанию в true, чтоб не было скачков рендера

Подскажите, что за шрифт?

fira code

fira code

Это VSCode?

Это VSCode?

да

Спасибо

если делать с mounted, то надо ставить лоадер по умолчанию в true, чтоб не было скачков рендера

да и опять же дело вкуса, я предпочитаю данные фетчить в created, если мне не нужен доступ к дому.

Превед. Поставил vue init webpack app. Запускаю yarn start, запускается сервак, делаю изменения, ассеты не перебилдиваются, помогает стоп сервака + запуск yarn build + запуск сервака. Это норм поведение из коробки? (В vue я полный 0 еще)

да и опять же дело вкуса, я предпочитаю данные фетчить в created, если мне не нужен доступ к дому.

Хмм, официальная дока ж не рекомендует фетчить в маунтед, если я не ошибся

ну типо нет, но ты еще и легаси сборщик юзаешь, так что хз

Хмм, официальная дока ж не рекомендует фетчить в маунтед, если я не ошибся

пруфы

в методе selectLink записывай в свойство ссылку и используй это свойство для src

в методе selectLink записывай в свойство ссылку и используй это свойство для src

через return?

через return?

selectLink(link) { this.selectedLink = link.url } iframe(:src="selectedLink")

так как мне лучше быть? если я в сreated вызываю action getProduct и записываю в Vuex откуда потом и получаю product

пруфы

С телефона не оч удобно, вот скрин с треда на stack

так как мне лучше быть? если я в сreated вызываю action getProduct и записываю в Vuex откуда потом и получаю product

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

булеан это явно кастыль))

булеан это явно кастыль))

сам ты костыль

и подорожник

че сразу обзываться))

в названии группы не сказано vue.js pro

this.$route.params - является ли элементом DOM?

там описано в условиях ssr, чтоб бек смог зафетчить данные и отдать человеку с данными, если у тебя обычный спа, то без разницы маунтед или created.

так как мне лучше быть? если я в сreated вызываю action getProduct и записываю в Vuex откуда потом и получаю product

Тебе кроме как этого компонента еще где-то нужен этот product?

да

да

это мне?)

а не туплю

там описано в условиях ssr, чтоб бек смог зафетчить данные и отдать человеку с данными, если у тебя обычный спа, то без разницы маунтед или created.

Объясни, зачем при инциализации компонента дожидатьсч постронеия дома для фетчинга?

Объясни, зачем при инциализации компонента дожидатьсч постронеия дома для фетчинга?

спорь насчет этого с @reeei , я фетчу данные в created.

Ок)

this.$route.params - является ли элементом DOM?

this.$route.params - является ли элементом DOM?

Лол, нет)

this.$route.params - является ли элементом DOM?

это обычный обьект

спорь насчет этого с @reeei , я фетчу данные в created.

Сделаю вид что ничего не видел.

ERROR: S client not available

Сделаю вид что ничего не видел.

чего? Ты же любитель спорить где фетчить данные в created или в mounted

и ты за mounted

Привет всем. Такой вопрос. А может кто-то посоветовать bootstrap 4 webpack 4 vue starter хороший ?)

Привет всем. Такой вопрос. А может кто-то посоветовать bootstrap 4 webpack 4 vue starter хороший ?)

Так делать не надо

Берешь вью слай и добавляешь бутстрап

это обычный обьект

вы выше упомянули, что достаете данные в created, если только не нужно обращение к DOM элементу. Я достаю данные из параметров в url и пихаю их в мутации, вызывая это все в created. Потом достаю данные в mounted. Если я делаю это все в created, то данные не успевают появится в стейте при вызове мутации, соответственно падают вызовы данных с сервера. Я не профи в Vue, но хочу разобраться - в данном случае я правильно сделал или можно было бы асинхронно вызвать мутации через цепочку promise и затем получить данные от сервера?

Такой вопрос. Компонента появляется по v-if, как сделать скролл на неё?

selectLink(link) { this.selectedLink = link.url } iframe(:src="selectedLink")

Property or method "selectedLink" is not defined on the instance but referenced during render.

В смысле не надо ?)

Property or method "selectedLink" is not defined on the instance but referenced during render.

я советую тебе подумать головой, я ожидал, что ты поймешь, что я тебе скинул псевдокод

вы выше упомянули, что достаете данные в created, если только не нужно обращение к DOM элементу. Я достаю данные из параметров в url и пихаю их в мутации, вызывая это все в created. Потом достаю данные в mounted. Если я делаю это все в created, то данные не успевают появится в стейте при вызове мутации, соответственно падают вызовы данных с сервера. Я не профи в Vue, но хочу разобраться - в данном случае я правильно сделал или можно было бы асинхронно вызвать мутации через цепочку promise и затем получить данные от сервера?

я хз какие данные ты достаешь из урла и че за мутации вызываешь. Я в vuex чисто через экшены работаю в компонентах. И не вижу смысла вызывать данные в одном хуке и доставать их уже в другом хуке, они же уже доступны через mapGetters же или стейт (как ты там сделал)

советовать тебе быть по адекватнее тоже надо давать?)

тут такие советы предоставляют?

я не могу за тебя кодить.

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

я спросил простую ж вещь, пока на стадии обучения не понимаю, как это должно работать

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

это была не предъява) просто скинул результат

я хз какие данные ты достаешь из урла и че за мутации вызываешь. Я в vuex чисто через экшены работаю в компонентах. И не вижу смысла вызывать данные в одном хуке и доставать их уже в другом хуке, они же уже доступны через mapGetters же или стейт (как ты там сделал)

это нормально бы работало, если бы пользователь не нажимал кнопку назад - при возвращении к ранее созданному компоненту Vue, данные с url не устанавливаются в стейт через мутации в created - хз, почему

я спросил простую ж вещь, пока на стадии обучения не понимаю, как это должно работать

ты должен объявить в data() свойство selectedLink, потом когда кто-то кликает по твоей ссылке вызывать метод selectLink, прокидывать в этот метод твой объект link(который из цикла), потом присваивать ссылку из объекта в свойство selectedLink

ты должен объявить в data() свойство selectedLink, потом когда кто-то кликает по твоей ссылке вызывать метод selectLink, прокидывать в этот метод твой объект link(который из цикла), потом присваивать ссылку из объекта в свойство selectedLink

Воот огромное спасибо!)

тогда у тебя iframe будет получать ту ссылку по которой тебе кликнули.

это нормально бы работало, если бы пользователь не нажимал кнопку назад - при возвращении к ранее созданному компоненту Vue, данные с url не устанавливаются в стейт через мутации в created - хз, почему

не понимаю с твоих слов твой кейс

не понимаю с твоих слов твой кейс

короч - в created вызываю мутации с передачей параметров url, которые их выставляют в стейт. Затем в mounted вызываю данные с сервера, вызовы которых берут те самые данные со стейта, которые в created были пропихнуты через мутации. Если я сделаю все в одном хуке created, то данные не успевают попасть в стейт и вызовы данных с сервера крашутся

вопрос - я правильно делаю?)

или есть вариант получше?

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

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

да

зачем ты фетчишь данные в vuex, у тебя эти данные где-то еще в других компонентах юзаются?

зачем ты фетчишь данные в vuex, у тебя эти данные где-то еще в других компонентах юзаются?

конечно)

Верится с трудом, если честно. Ну да ладно.

вроде выше ты писал за ошибку, что пока ты фетчил данные, то у тебя рендер падает с ошибкой, потому, что данные не пришли еще, а ты обращался к несуществующему свойству