Reusable Components with Props — Transcript

Transcript of the free Vue.js lesson Reusable Components with Propswatch the video lesson.

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

Έχει κάποια σημασία και εδώ είναι η λίστα των εξαιρετικών σχέσεων. Όλ Αν είχαμε ένα κομπονέτο εδώ, όπως Plan, θα μπορούσαμε να τυπήσουμε κάτι σαν αυτό. Αυτό καθαρίζει την αυτοκοπία του Markup, ενώ κάνει την κομπονέτα περισσότερη σε τις πρώτες Plan. Εντάξει, ας εμπλεμενήσουμε αυτό.

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

Υπηρετήστε το σύνδεκτο εδώ, script type text slash x-template. Επίσης εδώ θα βάλω ένα από τα divs με την κλασία Plan. Η ιδέα που χρησιμοποιήσαμε για αυτό το σχέδιο είναι plan-template. Αν φτύπω την πόρτα τώρα, Έχουμε ένα άλλο σχέδιο στο σχέδιο.

Δεν δείχνει το όνομα που εισαγωγήσαμε εδώ, αλλά αυτό σημαίνει. Έχουμε δυσκολίσει το σχέδιο στο τεμπλίτ, ο οποίος σημαίνει ο Curious. Λοιπόν, αυτό που πρέπει να κάνουμε εδώ, είναι να κατασκευάσουμε το σχέδιο για το κομπονέτο για να λάβει το όνομα. Λοιπόν, για να χρησιμοποιήσουμε αυτό το σύνταξο, χρειαζόμαστε να χρησιμοποιήσουμε σλότ, που θα καλύψουμε αργότερα σε αυτήν την κατάσταση.

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

Τώρα, μπορούμε να δημιουργήσουμε τα βαλύματα των προπ, όπως αν ήταν δημιουργές δημιουργών. Λοιπόν, στο τεμπλετ μπορούμε να το κάνουμε. Αν το καταστρέψουμε τώρα, μπορούμε Επομένως, ας κάνουμε το ίδιο για τα άλλα σχέδια. Αν ξεκίνησαμε τώρα, έχουμε το ίδιο έξοδο όπως το οποίο ξεκίνησαμε, αλλά κοιτάξτε πόσο λεπτά και πιο λεπτά η σχέδια μας είναι.

Έχαμε περίπου 20 σχέδια και τώρα έχουμε μόνο 3. Μια άλλη πράγματα που μπορούμε να κάνουμε εδώ είναι να δημιουργήσουμε ένα σχέδιο με τα σχέδια που έχουμε στα κομμάτια βιόλια και να τα περπατήσουμε δυναμικά, αντί να δημιουργήσουμε τα σχέδια που έχουμε στα σχέδια που έχουμε στα σχέδια. Τώρα μπορούμε Για να δημιουργήσουμε πολλές σχέσεις θα ειδητοποιήσουμε το σχέσιο της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέση Θα χρησιμοποιήσω το σορτχέντ, που είναι μόνο το κόλλον. Αν χρησιμοποιήσουμε το κομμάτι τώρα, έχουμε όλες τις σχέσεις καλύτερα.

Πόσο λεπτό είναι αυτό. Θα αφήσω τις εξαιρετικές σχέσεις από το σχέσιο, και πριν προχωρήσουμε στον επόμενο σχέσιο, θα σας δείξω μια άλλη πράγματα. Οι προπίες είναι κάτι που θα χρησιμοποιήσετε πολύ συχνά, οπότε είναι καλύτερο να γνωρίσετε κάποια καλύτερη πρακτική από το ξεκίνημα. Η προπίηση μπορεί να είναι ένα σχέσιο, όπως έχουμε εδώ, αλλά Ένα άλλο τρόπο για να δημιουργήσουμε τις προπίες είναι χρησιμοποιώντας ένα σημαντικό.

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

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

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

Το τεμπλίδι είναι αυτό το div που παρακολουθεί το βασίλιο της ονομαχίας και περνάμε το σχέδιο στο νέμπροβ. Οι κομπονίτες είναι σημαίνοντας να είναι χρησιμοποιημένοι. Και ακόμα και αν χρησιμοποιούμε πολλές εμπολίες από το κλικ-κάντερο κομπονίτες μας, είναι πολύ δύσκολο να καταλάβουμε τα χρησιμοποίησης των χρησιμοποίησης, χωρίς να βλέπουμε ένα πιο ρεαλιστικό παράδειγμα. Αυτό είναι το οποίο θα κάνουμε σε αυτήν την μάχη.

Εδώ έχω κάποια σημασία που παρουσιάζει μια πόρτα για ένα κοφι-συμφωνία. Έχει κάποια σημασία και εδώ είναι η λίστα των εξαιρετικών σχέσεων. Όλ Αν είχαμε ένα κομπονέτο εδώ, όπως Plan, θα μπορούσαμε να τυπήσουμε κάτι σαν αυτό. Αυτό καθαρίζει την αυτοκοπία του Markup, ενώ κάνει την κομπονέτα περισσότερη σε τις πρώτες Plan.

Εντάξει, ας εμπλεμενήσουμε αυτό. Θα ξεκινήσω με τη δημιουργία του κομπονέτου που θα οδηγήσω Plan. Μόνο ώστε να γνωρίζετε, οι σύγχρονοι κομπονέτες, όπως Plan ή To Do, είναι σημαντικά μια κακή πρακτική. Πρέπει να γίνονται αποφασμένοι, γιατί μπορούν να συμπεριβολούνται με Θα σκέψω με το Plan τώρα για την ευκαιρία και θα κλείσουμε τις καλύτερες πρακτικές για τα σχέδια των κομπονέτων στο στιγμό μετά.

Ας πούμε ότι το σχέδιο για αυτό το κομπονέτ θα είναι το σχέδιο με την ιδέα του Plan, το οποίο θα δημιουργήσουμε τώρα. Υπηρετήστε το σύνδεκτο εδώ, script type text slash x-template. Επίσης εδώ θα βάλω ένα από τα divs με την κλασία Plan. Η ιδέα που χρησιμοποιήσαμε για αυτό το σχέδιο είναι plan-template.

Αν φτύπω την πόρτα τώρα, Έχουμε ένα άλλο σχέδιο στο σχέδιο. Δεν δείχνει το όνομα που εισαγωγήσαμε εδώ, αλλά αυτό σημαίνει. Έχουμε δυσκολίσει το σχέδιο στο τεμπλίτ, ο οποίος σημαίνει ο Curious. Λοιπόν, αυτό που πρέπει να κάνουμε εδώ, είναι να κατασκευάσουμε το σχέδιο για το κομπονέτο για να λάβει το όνομα.

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

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

Αν ξεκίνησαμε τώρα, έχουμε το ίδιο έξοδο όπως το οποίο ξεκίνησαμε, αλλά κοιτάξτε πόσο λεπτά και πιο λεπτά η σχέδια μας είναι. Έχαμε περίπου 20 σχέδια και τώρα έχουμε μόνο 3. Μια άλλη πράγματα που μπορούμε να κάνουμε εδώ είναι να δημιουργήσουμε ένα σχέδιο με τα σχέδια που έχουμε στα κομμάτια βιόλια και να τα περπατήσουμε δυναμικά, αντί να δημιουργήσουμε τα σχέδια που έχουμε στα σχέδια που έχουμε στα σχέδια. Τώρα μπορούμε Για να δημιουργήσουμε πολλές σχέσεις θα ειδητοποιήσουμε το σχέσιο της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέσης της σχέση Θα χρησιμοποιήσω το σορτχέντ, που είναι μόνο το κόλλον.

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

Η προπίηση μπορεί να είναι ένα σχέσιο, όπως έχουμε εδώ, αλλά Ένα άλλο τρόπο για να δημιουργήσουμε τις προπίες είναι χρησιμοποιώντας ένα σημαντικό. Εδώ οι κλειδιές είναι οι σημαντικές της προπίες. Το βαλύ μπορεί να είναι το τρόπο της προπίες. Για το σημαντικό, το τρόπο θα είναι σημαντικό.

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

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

Έχουμε δημιουργήσει ένα κομπονέτο που χρησιμοποιεί αυτό το τεμπλίδι και παρακολουθεί ένα προπί το όνομα. Το τεμπλίδι είναι αυτό το div που παρακολουθεί το βασίλιο της ονομαχίας και περνάμε το σχέδιο στο νέμπροβ.