El método de llamar directamente al componente secundario en el componente principal en el proyecto Vue

Método de llamar directamente a subcomponentes a través de ref

Componente padre:

<plantilla>
    <div>
        <Button @ click = "handleClick"> Hacer clic para llamar al método del subcomponente </Button>
        <Niño ref = "niño" />
    </div>
</template>    

<script>
importar Niño de './child';

exportar predeterminado {
    métodos: {
        handleClick () {
              esto. $ refs.child.getCode ();
        },
    },
}
</script>

Subconjunto

<plantilla>
  <div> Este es un componente secundario </div>
</template>
<script>
exportar predeterminado {
  métodos: {
    getCode () {
      console.log ('Este es el método del componente hijo');
    },
  },
};
</script>