-1

親から小道具を取得する小さな Vue 機能コンポーネントがあります。

export default defineComponent({
  name: 'ExpandedMovieInformation',
  props: {
    movie: {
      type: Object as PropType<Movie>,
    },
  },
  setup(props, { emit }) {
    const { movie } = props;
  },
});
</script>

<template>
  <div>
    <div class='overlay'>
      <h1>{{ movie.title }}</h1>
      <span class='release-date'>{{ movie.release_date }}</span>
      <p>{{ movie.overview }}</p>
    </div>
  </div>
</template>

ここに画像の説明を入力

親でコンポーネントを開始する:

<ExpandedMovieInformation
  :movie="currentMovie" />

コードはコンパイルされますが、テンプレートで次の警告が表示されます。

ここに画像の説明を入力

タイプをプロップに正しく割り当てて、未定義にならないようにするにはどうすればよいですか?

4

1 に答える 1