Как зафетчить данные в компонент?

Question

[GreenMan1899]

Видимо не работает из-за асинхронности.

Comments

[Алексей]

дак может catch срабатывает ?

[GreenMan1899]

Алексей, нет, они норм подгружаются сами по себе. Если в консоли их при фетче выводить, то все ок

[GreenMan1899]

Алексей, вот

[Алексей]

GreenMan1899, не совсем понял только зачем такой вынос, для этого же есть хуки у вью, запихни в created() как и положено

[Алексей]

и прекращай код скриншотами уже кидать

Answer 1

[Pavel Shvedov]

Из функции fetchData ничего не возвращается, поэтому там undefined

Comments

[GreenMan1899]

return не работает?
Как тогда возвращать?

[Pavel Shvedov]

GreenMan1899, return не может работать, если его нет. Тот return что внутри обработчика then, относится лишь к анонимной функции, переданной в обработчик.

[GreenMan1899]

Pavel Shvedov, так как надо?

[Pavel Shvedov]

GreenMan1899, вернуть из fetchData промис, который получается в результате fetch, в компоненте в created вызвать, получить в промисе ответ и сложить в data компонента

[GreenMan1899]

Pavel Shvedov, Выходит смысла в модуле особо и нет тогда

[GreenMan1899]

хз почему я решил что хуков у компонентов нет

Answer 2

[Алексей]

вобщем я бы посоветовал запихнуть таки в хук маунта или создания этот фетч.

data() {
	return {
		posts: [] // либо null, либо еще какаянить заглушка
	}
},
created() {
	fetch('url')
	.then(res =>  res.json())
  .then(data => this.data = data)
	.catch();
}

Comments

[Ihor Bratukh]

res.json() возвращает Poromise

fetch('url').then(res => res.json()).then(data => this.data = data).catch(console.error)

[Алексей]

Ihor Bratukh, это больше был что-то вроде псевдокода, я думаю он понял по какому принципу присвоить, но спасибо за замечание.