Communication Between Components with Custom Events — Transcript

Transcript of the free Vue.js lesson Communication Between Components with Custom Eventswatch the video lesson.

Όταν έχουμε δημιουργήσει τα κομπονίδια, χρειαζόμαστε ένα τρόπο για να κατασκευάσουμε και να σχεδίσουμε τα δεύτερα. Ξέρουμε ότι μπορούμε να δημιουργήσουμε τα δεύτερα στις κομπονίδια χρησιμοποιώντας προψ, αλλά δεν γνωρίζουμε τώρα πώς να δημιουργήσουμε τα δεύτερα από το παιδί στο παιδί. Ας κατασκευάσουμε αυτά μαζί, δημιουργώντας το παράδειγμα μας. Στο πλανό μας, θέλουμε να μπορούμε να δημιουργήσουμε ένα πλανό.

Πώς μπορούμε να το κάνουμε? Ίσως είναι καλ Μπορούμε επίσης να έχουμε ένα μέθοδο για να προσπαθήσουμε το δημιουργικό δίκτυο. Ας δούμε αυτό το μέθοδο όταν ο χρηματοί κλικούν στο σχέδιο. Για να το κάνουμε, θα ακούσουμε το κλικ-εβέντ, χρησιμοποιώντας V-ON, στο βαθμό του βαθμίου του τεμπλίτου των κομπώνων.

Ας δούμε στο μπροσένι αν λειτουργεί. Θα κλικήσω σε ένα σχέδιο. Για να δούμε αν λειτουργεί πραγματικά, θα επισκεφθώ το δίκτυο των κομπώνων. Και λειτουργούσε!

Αυτό είναι κα για να δυναμικοποιήσουμε την οδηγική πλανή κλασική, όταν η πλανή είναι δημιουργημένη. Συνταστείτε ότι επειδή το κλασικό όνομα παρουσιάζει ένα χίφεν, πρέπει να το ρυθμίσουμε σε λεπτά. Τώρα, όταν παρακολουθώ μια πλανή, μπορούμε να βλέπουμε ότι είναι δημιουργημένη. Αυτό είναι καλό, αλλά μπορώ να δημιουργήσω περισσότερα από μια πλανή.

Αυτό δεν είναι αλήθεια. Πρέπει να κάνουμε κάπως το δημιουργικό μέθοδο και να δημιουργήσουμε την προηγούμενη δημιουργημένη πλαν Αλλά πώς μπορούμε να γνωρίζουμε μέσα στο κομπονέτο αν υπάρχει ένα άλλο σχέδιο. Μπορούμε να χρησιμοποιήσουμε προψ, αλλά ο παράντος δεν γνωρίζει αν ένα σχέδιο είναι σχέδιο. Αυτό που πρέπει να κάνουμε για να το λειτουργήσουμε είναι να γνωρίζουμε τον παράντος όταν ο χρησιμοποιός σχεδίζει ένα σχέδιο.

js χρησιμοποιούμε ευκαιρίες. Για να στείλουμε ένα ευκαιρίες χρησιμοποιούμε το σχέδιο $EmitMethod. Το πρώτο αργουμνό είναι το όνομα του ευκαιρίου που θέλουμε να ευκαι Ας δημιουργήσουμε ένα παιχνίδι που θα οδηγήσουμε Hi there. Γιατί δεν.

Μπορούμε να εμπισκεφθούμε όλα τα παιχνίδια που δημιουργήσαμε χρησιμοποιώντας View DevTools μέσα στο Event Tab. Κάθε φορά που κλικώ σε ένα σχέδιο, μπορείτε να δείτε το παιχνίδι που δημιουργήσετε. Αυτό είναι πολύ ωραίο, όχι? Για αυτό που θέλουμε να δημιουργήσουμε, το όνομα του παιχνίδι θα είναι κάτι όπως Select.

Το δεύτερο αργουμένο του παιχνίδιου μεθόδου είναι το παιχνίδι που θέλουμε να περάσουμε μαζί Αν θέλετε να το κάνετε, όπως έκανα με ένα παράδειγμα «ΧΑΙΔΕΡ». Στην κατάσταση μας, θα περάσουμε το όνομα του παιχνίδου, ώστε να γνωρίζει τον παιχνίδι ο οποίος το σημαίνει. Για αυτό να γνωρίζετε, το παιχνίδι δημιουργείται συχνά ως «ΠΑΙΛΟΥΔ». Επομένως, αν βλέπετε αυτό το όνομα κάπου, το σημαίνει το παιχνίδι που περάσουν.

Τώρα μπορούμε να ακούσουμε για το σημαντικό παιχνίδι στο παιχνίδι, που είναι το παιχνί Τώρα μπορούμε να ακούσουμε για το «selectEvent» στο «parent», που είναι το «planPicker» κομπονέτο, χρησιμοποιώντας «von». Αυτό είναι το ίδιο σύνταξο που χρησιμοποιούμε για τα «domiEvents», όπως το «click» ή το «keyDown». Επομένως, θα λέμε «vonSelect="» και τότε θα το περπατήσουμε μια εξαιρετική για να λειτουργήσει όταν το «event» συμβαίνει. Ας δημιουργήσουμε το «selectPlan» μέθοδο, το οποίο θα το εμπλεμεύουμε αργότερα.

Αυτό είναι. Όταν το «selectEvent» συμβαίνει, τρικέρα το «selectPlan» μέθο Ας πιστεύουμε τι πρέπει να εφαρμόμασουμε στο planPicker κομπονέτο. Το planPicker πρέπει να γνωρίζει κάποιο σχέδιο που ο χειρός έχει δημιουργήσει. Για να το χρησιμοποιήσουμε, θα προσθέσω ένα DataProperty, SelectedPlan.

Ας επίσης δημιουργήσουμε το SelectPlan μεθόδιο που θα δημιουργήσει το σχέδιο που έρχεται από το Payload και θα το δημιουργήσουμε στο σχέδιο. Ας το δώσουμε. Θα κλικήσω το πρώτο σχέδιο και εμπισκεφθώ το planPicker κομπονέτο. Το σχέδιο που δημιουργήσει και οδηγήσουμε τα DevTools, η σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σ Είναι το ίδιο.

Μπορούμε να το κάνουμε στο τεμπλίκ, αλλά μπορούμε επίσης να χρησιμοποιήσουμε μια οικονομική προϊόντα, διότι οι κομπονίτες μπορούν να κάνουν ό,τι μπορούν να κάνουν ό,τι μπορούν να κάνουν. Θα δημιουργήσω μια οικονομική προϊόντα που θα σημαίνω isSelected. Εδώ θα επιτρέψουμε το τελικό που είχαμε μόλις συζητήσει. Μπορείτε να το σημαίνετε justSelected, αλλά θέλω να έχω το isPrefix για οικονομικές προϊόντες που επιτρέψουν αυτοί ή φορές.

Αφήστε το κλασ Ας δημιουργήσουμε τώρα το σημαντικό σημαντικό σημαντικό στο κομπώνι μας. Οι HTML ατριβουτές είναι σημαντικοί, οπότε πρέπει να γράψουμε το σημαντικό όνομα χρησιμοποιώντας ένας σημαντικός σημαντικός σημαντικός σημαντικός σημαντικός σημαντικός σημαντικός σημαντικός σημαντικός σημαντικός σημαντικός σημαντικός σημαντικός σημαντικός σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό ση Μετά, στην παρεντή, ακούσαμε για το SelectEvent και όταν συμβαίνει, ονομάζουμε το SelectPlan method. Αυτό το method πάρει τον σχέδιο του σχέδιου και το βάζει στον δημόσιο. Αυτό το δημόσιο είναι το δημόσιο που περνάμε στο σχέδιο του σχέδιου ως προπ, ώστε να γνωρίζει αν είναι σελεκτημένο ή όχι.

Μετά, στο τεμπλίτ, χρησιμοποιούμε ένα σχέδιο για να εφαρμοποιήσουμε το ActivePlan σχέδιο αν ο σχέδιος είναι σελεκτημένο. Όταν έχουμε δημιουργήσει τα κομπονίδια, χρειαζόμαστε ένα τρόπο για να κατασκευάσουμε και να σχεδίσουμε τα δεύτερα. Ξέρουμε ότι μπορούμε να δημιουργήσουμε τα δεύτερα στις κομπονίδια χρησιμοποιώντας προψ, αλλά δεν γνωρίζουμε τώρα πώς να δημιουργήσουμε τα δεύτερα από το παιδί στο παιδί. Ας κατασκευάσουμε αυτά μαζί, δημιουργώντας το παράδειγμα μας.

Στο πλανό μας, θέλουμε να μπορούμε να δημιουργήσουμε ένα πλανό. Πώς μπορούμε να το κάνουμε? Ίσως είναι καλ Μπορούμε επίσης να έχουμε ένα μέθοδο για να προσπαθήσουμε το δημιουργικό δίκτυο. Ας δούμε αυτό το μέθοδο όταν ο χρηματοί κλικούν στο σχέδιο.

Για να το κάνουμε, θα ακούσουμε το κλικ-εβέντ, χρησιμοποιώντας V-ON, στο βαθμό του βαθμίου του τεμπλίτου των κομπώνων. Ας δούμε στο μπροσένι αν λειτουργεί. Θα κλικήσω σε ένα σχέδιο. Για να δούμε αν λειτουργεί πραγματικά, θα επισκεφθώ το δίκτυο των κομπώνων.

Και λειτουργούσε! Αυτό είναι κα για να δυναμικοποιήσουμε την οδηγική πλανή κλασική, όταν η πλανή είναι δημιουργημένη. Συνταστείτε ότι επειδή το κλασικό όνομα παρουσιάζει ένα χίφεν, πρέπει να το ρυθμίσουμε σε λεπτά. Τώρα, όταν παρακολουθώ μια πλανή, μπορούμε να βλέπουμε ότι είναι δημιουργημένη.

Αυτό είναι καλό, αλλά μπορώ να δημιουργήσω περισσότερα από μια πλανή. Αυτό δεν είναι αλήθεια. Πρέπει να κάνουμε κάπως το δημιουργικό μέθοδο και να δημιουργήσουμε την προηγούμενη δημιουργημένη πλαν Αλλά πώς μπορούμε να γνωρίζουμε μέσα στο κομπονέτο αν υπάρχει ένα άλλο σχέδιο. Μπορούμε να χρησιμοποιήσουμε προψ, αλλά ο παράντος δεν γνωρίζει αν ένα σχέδιο είναι σχέδιο.

Αυτό που πρέπει να κάνουμε για να το λειτουργήσουμε είναι να γνωρίζουμε τον παράντος όταν ο χρησιμοποιός σχεδίζει ένα σχέδιο. js χρησιμοποιούμε ευκαιρίες. Για να στείλουμε ένα ευκαιρίες χρησιμοποιούμε το σχέδιο $EmitMethod. Το πρώτο αργουμνό είναι το όνομα του ευκαιρίου που θέλουμε να ευκαι Ας δημιουργήσουμε ένα παιχνίδι που θα οδηγήσουμε Hi there.

Γιατί δεν. Μπορούμε να εμπισκεφθούμε όλα τα παιχνίδια που δημιουργήσαμε χρησιμοποιώντας View DevTools μέσα στο Event Tab. Κάθε φορά που κλικώ σε ένα σχέδιο, μπορείτε να δείτε το παιχνίδι που δημιουργήσετε. Αυτό είναι πολύ ωραίο, όχι?

Για αυτό που θέλουμε να δημιουργήσουμε, το όνομα του παιχνίδι θα είναι κάτι όπως Select. Το δεύτερο αργουμένο του παιχνίδιου μεθόδου είναι το παιχνίδι που θέλουμε να περάσουμε μαζί Αν θέλετε να το κάνετε, όπως έκανα με ένα παράδειγμα «ΧΑΙΔΕΡ». Στην κατάσταση μας, θα περάσουμε το όνομα του παιχνίδου, ώστε να γνωρίζει τον παιχνίδι ο οποίος το σημαίνει. Για αυτό να γνωρίζετε, το παιχνίδι δημιουργείται συχνά ως «ΠΑΙΛΟΥΔ».

Επομένως, αν βλέπετε αυτό το όνομα κάπου, το σημαίνει το παιχνίδι που περάσουν. Τώρα μπορούμε να ακούσουμε για το σημαντικό παιχνίδι στο παιχνίδι, που είναι το παιχνί Τώρα μπορούμε να ακούσουμε για το «selectEvent» στο «parent», που είναι το «planPicker» κομπονέτο, χρησιμοποιώντας «von». Αυτό είναι το ίδιο σύνταξο που χρησιμοποιούμε για τα «domiEvents», όπως το «click» ή το «keyDown». Επομένως, θα λέμε «vonSelect="» και τότε θα το περπατήσουμε μια εξαιρετική για να λειτουργήσει όταν το «event» συμβαίνει.

Ας δημιουργήσουμε το «selectPlan» μέθοδο, το οποίο θα το εμπλεμεύουμε αργότερα. Αυτό είναι. Όταν το «selectEvent» συμβαίνει, τρικέρα το «selectPlan» μέθο Ας πιστεύουμε τι πρέπει να εφαρμόμασουμε στο planPicker κομπονέτο. Το planPicker πρέπει να γνωρίζει κάποιο σχέδιο που ο χειρός έχει δημιουργήσει.

Για να το χρησιμοποιήσουμε, θα προσθέσω ένα DataProperty, SelectedPlan. Ας επίσης δημιουργήσουμε το SelectPlan μεθόδιο που θα δημιουργήσει το σχέδιο που έρχεται από το Payload και θα το δημιουργήσουμε στο σχέδιο. Ας το δώσουμε. Θα κλικήσω το πρώτο σχέδιο και εμπισκεφθώ το planPicker κομπονέτο.

Το σχέδιο που δημιουργήσει και οδηγήσουμε τα DevTools, η σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σημερινή σ Είναι το ίδιο. Μπορούμε να το κάνουμε στο τεμπλίκ, αλλά μπορούμε επίσης να χρησιμοποιήσουμε μια οικονομική προϊόντα, διότι οι κομπονίτες μπορούν να κάνουν ό,τι μπορούν να κάνουν ό,τι μπορούν να κάνουν. Θα δημιουργήσω μια οικονομική προϊόντα που θα σημαίνω isSelected. Εδώ θα επιτρέψουμε το τελικό που είχαμε μόλις συζητήσει.

Μπορείτε να το σημαίνετε justSelected, αλλά θέλω να έχω το isPrefix για οικονομικές προϊόντες που επιτρέψουν αυτοί ή φορές. Αφήστε το κλασ Ας δημιουργήσουμε τώρα το σημαντικό σημαντικό σημαντικό στο κομπώνι μας. Οι HTML ατριβουτές είναι σημαντικοί, οπότε πρέπει να γράψουμε το σημαντικό όνομα χρησιμοποιώντας ένας σημαντικός σημαντικός σημαντικός σημαντικός σημαντικός σημαντικός σημαντικός σημαντικός σημαντικός σημαντικός σημαντικός σημαντικός σημαντικός σημαντικός σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό ση Μετά, στην παρεντή, ακούσαμε για το SelectEvent και όταν συμβαίνει, ονομάζουμε το SelectPlan method. Αυτό το method πάρει τον σχέδιο του σχέδιου και το βάζει στον δημόσιο.

Αυτό το δημόσιο είναι το δημόσιο που περνάμε στο σχέδιο του σχέδιου ως προπ, ώστε να γνωρίζει αν είναι σελεκτημένο ή όχι. Μετά, στο τεμπλίτ, χρησιμοποιούμε ένα σχέδιο για να εφαρμοποιήσουμε το ActivePlan σχέδιο αν ο σχέδιος είναι σελεκτημένο.