TypeError: Невозможно прочитать свойство 'title' из undefined. Vue. js - PullRequest
Новая
       51

TypeError: Невозможно прочитать свойство 'title' из undefined. Vue. js

0 голосов
/ 02 мая 2020

Создание клона hackernews с помощью API ios axe. Данные не передаются в компонент NewItem. vue. Возвращает ошибку - TypeError: Невозможно прочитать свойство 'title' из undefined. Скажите, что не так с кодом. Почему данные не передаются? Может ли проблема быть в подпорках?

NewItem. vue: 

<template>
    <div class="news-item">
        {{ story.title }}
    </div>
</template>

<script>
export default {
  props: ['story'],
};
</script>

Home. vue: 

<template>
  <div class="home">
    <div class="news-view">
      <div class="news-list-nav">
        <span>1/23</span>
      </div>
      <div class="news-list">
        <ul>
          <li class="news-item">
            <news-item v-for="story in stories" :key="story.id">
            </news-item>
          </li>
        </ul>
      </div>

    </div>

  </div>
</template>

<script>
import axios from 'axios';
import NewsItem from '../components/NewsItem.vue';

const BASE_URL = 'https://api.hnpwa.com/v0/news/1.json';
export default {
  components: {
    NewsItem,
  },
  data() {
    return {
      stories: [],
    };
  },
  created() {
    axios
      .get(BASE_URL)
      .then((response) => {
        this.stories = response.data;
      });
  },
};
</script>

1 Ответ

0 голосов
/ 02 мая 2020

Вы не передаете prop от родительского к дочернему компоненту, чтобы сделать это: 

<news-item v-for="story in stories" :key="story.id" :story="story"></news-item>
...