Vue コンポーネントの開発手順

1. 2 つの vue ファイルを作成します。1 つは親コンポーネント App.vue、もう 1 つはサブコンポーネントで、サブコンポーネントはフォルダーごとに分類されます。

2. 親コンポーネントのインポートによって導入される

import Dog1 from "./components/Dog1.vue";

3. vueインスタンスでコンポーネント構成項目の登録が有効になります

export default {
  components: {
    Dog1,
  },
};

4. テンプレートで使用する

<template>
  <div class="my_div">
    <Dog1 />
  </div>
</template>