Отсутствует атрибут allposts в результате

Question

Я разработчик Django, поэтому я впервые попал в руки vue и graphql, я не знаю, как именно справиться с этой ошибкой.

Вот мой код, возможно, что-то не так в моем запросе,

<template>
  <section>
    <div class="home">
      <h2>hiii</h2>
      <div v-for="i in allposts" :key="i.id">
        <ul>
          <li>
            <h3>hey</h3>
            <strong>{{id}}</strong>:
            <span>{{title}}</span>
          </li>
        </ul>
      </div>
    </div>
  </section>
</template>

<script>
import gql from "graphql-tag";

const PostQuery = gql`
  query allposts {
    allPosts {
      id
      title
    }
  }
`;

export default {
  props: [],
  data() {
    return {
      allposts: []
    };
  },

  apollo: {
    allposts: PostQuery
  }
};
</script>

Я вижу, что данные извлекаются успешно

Может кто-нибудь подсказать мне, что я здесь не так делаю?

Заранее спасибо.

Answer 1

Ладно, получается глупая ошибка, API возвращает результат с ключом allPosts с большой буквы P, но моим локальным свойством data и свойством Apollo allposts с небольшим p.

После того, как они все сделали P, теперь все работает нормально.