【Vue.js】コンポーネント ~作成からデータの受け渡しまで~ - Qiita

コンポーネントとは ・画面を構成する要素を個々のUIパーツに分割したもの。 ・Vue.jsでは個々のコンポーネントがVueインスタンスとなっており、コンポーネントの組み合わせによって画面を作成していく。 ・メリット →複数の画面で再生できる。コードの見通しがよくなる。 コンポーネントの作成手順 ここでは一つのjavascriptファイルで記述していく。 ・componentを登録する componentメソッドを使う。 第一引数には任意のコンポーネント名を指定する。 第二引数にはvueインスタンスを生成する際のオプションと同様のものが指定できる。 ※vueインスタンス生成時との違い…dataでは必ず関数の戻り値でオブジェクトを指定する。 ※コンポーネントの登録は、インスタンスの生成よりも前に記述する。 Vue.component('user-list', { //componentメソッド