Problème de communication parent / enfant

Bonjour à tous,

Je suis un débutant en Vue.js donc mes excuses par avance si ma question semble bête…
J’ai crée un composant vue (une page d’accueil) dans laquelle j’ai mis un sous composant C (un formulaire de login).
J’ai crée un bouton dans le composant principal :
<mdb-btn
color=“light-blue”
outline=“white”
rounded
@click=“showLoginRegister = true”
icon=“users”
iconRight
>Inscription / Connexion
(j’utilise le framework mdb)
Je voudrais que lorsque l’on clique sur ce bouton, ma fenêtre modale apparaisse.

Si je mets le code de la fenêtre modale dans la même page que ma page principale, pas de souci ça s’affiche.

Par contre si je crée un sous composant du genre qui représente ma fenêtre modale C ça ne fonctionne pas.
En effet, je ne sais pas comment récupérer le clic sur le parent pour averti l’enfant de s’afficher.

Peut-être que ma façon de penser est erronée, est-ce à l’enfant de venir insérer le code du bouton dans le parent ?
Bref je ne sais pas par quel bout le prendre, j’ai essayé avec des props mais rien n’y fait…

Merci pour votre aide,
Stéphane