Pasos de desarrollo de componentes de Vue

1. Cree dos archivos vue, uno es el componente principal App.vue, el otro es el subcomponente y los subcomponentes se clasifican por carpeta

2. Introducido por importación en el componente principal

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

3. En la instancia de vue, el registro del elemento de configuración de componentes está habilitado

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

4. Usar en plantilla

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