VueJS 2 (7/16) : Les Composants

Dans ce chapitre nous allons découvrir un aspect important de la structure VueJS : Les composants. Les composants sont des sortes de balises personnalisées qui vont être responsable d'effectuer une certaines logique. Ce système de composant vous permet de morceler votre application en petits blocs plus faciles à maintenir.

Soutenez Grafikart:

Retrouvez Grafikart sur:

[nicolas.chauvet]

Toujours aussi clair et précis. Merci Jonathan, après chaque vidéo j'ai l'impression d'être un expert :-)

[thomasj]

à 20:10, on voit la vidéo glitché et la modif se faire sans que tu en parle, les valeurs des v-model dans le template du composant doivent être remplacés par userLocal sinon ça ne marche pas

[yanndeo]

Bonjour ; lors de la définition globaldu composant(6:04) , la propriété 'message' est défini dans data de l'instance vue; ensuite redéfini dans props et ensuite afficher.Par contre 'type' est directement défini dans props .Je ne comprends pas la logique.Quelqu'un pourrai m'aider svp, c'est un chapitre important

[tenebralon]

Pas mal mais plutôt confusant d'utiliser des noms de variables comme 'class' ou 'type' cela peut prêter à confusion

[kikokimo]

@grafikart Merci beaucoup pour cette vidéo bien explicative.
J'aurais une question à propos de quelque chose que j'ai remarqué : à 23:30 quand on clique sur "Envoyer" ça actualise bien les valeurs avec le "Parent" mais après la valeur reste "Bindée". Donc si je clique une fois sur envoyer et qu'après je modifie la valeur dans le champs de texte, ça l'actualise dans le parent même sans que je re-clique sur "Envoyer". Aurais tu une explication pour ce comportement ?

[tortue]

Super vidéo ! Merci ! Petite question : à 11:00 ne peut-on pas tout simplement dans 'data' de notre compteur indiquer 'return {count: this.start}' pour récupérer la propriété passée au composant ? De mon côté ça marche sans faire d'erreur, mais il y a peut être qqch que je ne prends pas en compte à ce stade ??

[bArraxas]

(20:10) à ce stade on voit clairement que passer une variable d'un parent à un enfant en utilisant le binding ( :user="user") l'enfant est capable de modifier le parent directement sans événement.
Du coup je comprend pas l’intérêt (plus loin) d'utiliser v-model (v-model="user" -> data() { value: } ainsi qu'un système d'événement (this.$emit('input'))

[baptistemeunier]

Un chapitre sur le routing est prévu ?

[hermandemsongtsamo]

Merci @grafikart.
C'et une bonne pratique de faire ceci?

let counter = {
props: {
start: { type: Number, default: 0 }
},
data: function () {
return {
count: this.start
}
}
}

[bArraxas]

(16:53) on aurait pu également mettre @close.stop au niveau du parent j'imagine ? Très bien pensé ce framework ! :-)

[Sahnas]

Super vidéo ! Tu nous parles de webpack vers la fin. C'est possible une vidéo sur webpack dans Vuejs ?

[葛优-gv]

Comment on fait pour que l'html dans le fichier js (le template) soit reconnu en tant qu'htlm? Dans mon VSCODE je dois tout écrire sur la même ligne et ça a la couleur d'un String.

[kevinwamba]

@grafikart va-tu faire un chapitre sur les tests unitaire avec vuejs ?

[daybreak]

Bonjour @grafikart,

J'apprécie vos tutos très instructifs, j'aurai une question s'il vous plaît, je construit une application avec vuejs et je suis confronté au problème suivant: j'ai 2 composant qui n'ont pas vraiment une relation parent-enfant je souhaiterai faire passé une propriété(qui est un tableau) de ma fonction data qui dans mon composant A vers mon composants B afin que ce dernier puisse l'utiliser, mais jusqu'a maintenant même avec la doc vuejs et vos tuto je n'ai pas réussi, pouvez-vous m'aider s'il vous plaît ?

[MisterGissi]

D'abord merci pour vos excellentes vidéos, . J'aurais une remarque ou question. A deux endroits de la vidéo vous parlez de tableaux en commençant avec {}. Ne devriez pas parler plutôt d'objet JSON ?

[samyboukadida]

Entant que découvreur de VueJs, ça ma chauffé un peu les nerfs en distinguant "custom event" de "native event" (de point de vue nomenclature).
sinon Merci beaucoup.

[charles]

Si quelqu'un connait une extension pour VSC qui permet d'avoir la détection de syntaxe dans les templates, je suis preneur.

[SDChristophe]

100% Cours, 0% Pratique 😥Je suis complètement perdu ! 🤯

[abdoulrahmanebah]

@grafikart salut je voudrai avoir des chapitres sur javaFX . merci

[donpuerto]

I wonder why your template with multiple line does not generate errors on webstorm? Can you tell me how to set up that one?