Как вывести результаты двух запросов в одном списке?

Question

[anton_trofimov95]

Есть два json - https://jsonplaceholder.typicode.com/posts и https://jsonplaceholder.typicode.com/users
Макет -
Получается, что имена берем со второго запроса, а заголовок и содержание с первого. И выводим все в одном элементе списка. Как так это все вывести? Склеивал методом concat два массива полученных, но оно просто добавляется в конец списка новые элементы. Там еще и 3 запрос будет - комментарии, но мне бы пока с двумя справиться.

Answer 1

[0xD34F]

Сделать вычисляемое свойство - массив, элементы которого будут содержать ссылки на данные исходных массивов:

computed: {
  fullData() {
    return this.posts.map(post => ({
      post,
      user: this.users.find(user => user.id === post.userId) ?? {},
    }));
  },
},

<div v-for="n in fullData">
  <div>{{ n.post.title }}</div>
  <div>{{ n.user.name }}</div>
  <div>{{ n.post.body }}</div>
</div>

Answer 2

[Олег Колтунов]

Как то так

const news = posts.map(p => ({ ...p, user: users.find(u => p.userId === u.id) }))

где posts - это https://jsonplaceholder.typicode.com/posts, а users - https://jsonplaceholder.typicode.com/users