親から小道具を取得する小さな 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" />
コードはコンパイルされますが、テンプレートで次の警告が表示されます。
タイプをプロップに正しく割り当てて、未定義にならないようにするにはどうすればよいですか?