Vue コンポーネントを分割してpropsで値を渡す方法 - Qiita

はじめに Vue 映画情報をTMDb APIを使って取得 この記事のコードは全て上記リンクが元になってます。詳しく気になる人は、覗いてみてね〜 Vueの基礎を教えてくれた@popo62520908 さん、ありがとう このファイルを分割したい 「コンポーネントを分割」と言うと、どうも難しそうだが言い換えるならば「ファイルを分割」と言った感じ。 以下のようなファイルがあった場合、<v-card>の部分だけを別のコンポーネント（別ファイル）にしたいとする。 <template> <v-container> <v-row> <v-col v-for="movie in movies" :key="movie.id"> <v-card> <v-img v-bind:src="'http://image.tmdb.org/t/p/w300/' + movie.poster_path"></v-img>