Nested Components
Components allow us to encapsulate functionality and easily reuse them in multiple places in our applications. It is common to have components inside other components to compose the bigger features of our apps.
In this lesson, we'll learn how we can create a plan-picker component, to easily display all our plans wherever we want.
Important Note
Since Vue.js 3 became the default you must now specify version 2 when getting Vue from a CDN.
<script src="https://unpkg.com/vue@2"></script>
LESSON TRANSCRIPT
Το σχέδιο του σχέδιου είναι χρήσιμο. Αλλά αν θέλουμε να δημιουργήσουμε τις σχέδιες σε άλλο μέρος της εργασίας μας, πρέπει να κοπηθούμε αυτό το div και να βελτιώσουμε ότι το View Instance έχει το σχέδιο της σχέδιου σε το δίκαιο. Μπορούμε να φτιάξουμε τη σχέδια μας με περισσότερους σχέδιους με το δημιουργήσει ένα σχέδιο δεδικασμένος, ας το σημαίνουμε σχέδιος Picker, που θα μπορούμε να χρησιμοποιήσουμε σε κάθε μέρος που θέλουμε, όπως αυτό. Ξέρουμε πώς είναι το σχέδιο του σχέδ πριν χρησιμοποιήσουμε το πραγματικό κομπονέτο.
Θα το δώσω μια ιδέα από το πλαντπίκερ τεμπλίδι και θα δώσω την σημασία μέσα. Βλέπετε εδώ ότι μπορούμε να χρησιμοποιήσουμε το πλαντκομπόνο μέσα σε ένα άλλο πλαντκομπόνο τεμπλίδι. Εντάξει, ωραίο. Ας δημιουργήσουμε το πλαντπίκερ.
Θα το αφήσω στον τεμπλίδι του και τότε θα πρέπει να χρησιμοποιήσουμε τα πλάντια στο κομπονέτο, ώστε να μπορούμε να τα χρησιμοποιήσουμε στον τεμπ οπότε, η κομπονέτη είναι ελευθερική. Αν φτιαξόμασουμε την περίπτωση τώρα, ακόμα έχουμε τη λίστα πλάντων, αλλά τώρα μπορούμε να χρησιμοποιήσουμε την κομπονέτη πλάντων όπου θέλουμε να δημιουργήσουμε την λίστα μας. Το σχέδιο του σχέδιου είναι χρήσιμο. Αλλά αν θέλουμε να δημιουργήσουμε τις σχέδιες σε άλλο μέρος της εργασίας μας, πρέπει να κοπηθούμε αυτό το div και να βελτιώσουμε ότι το View Instance έχει το σχέδιο της σχέδιου σε το δίκαιο.
Μπορούμε να φτιάξουμε τη σχέδια μας με περισσότερους σχέδιους με το δημιουργήσει ένα σχέδιο δεδικασμένος, ας το σημαίνουμε σχέδιος Picker, που θα μπορούμε να χρησιμοποιήσουμε σε κάθε μέρος που θέλουμε, όπως αυτό. Ξέρουμε πώς είναι το σχέδιο του σχέδ πριν χρησιμοποιήσουμε το πραγματικό κομπονέτο. Θα το δώσω μια ιδέα από το πλαντπίκερ τεμπλίδι και θα δώσω την σημασία μέσα. Βλέπετε εδώ ότι μπορούμε να χρησιμοποιήσουμε το πλαντκομπόνο μέσα σε ένα άλλο πλαντκομπόνο τεμπλίδι.
Εντάξει, ωραίο. Ας δημιουργήσουμε το πλαντπίκερ. Θα το αφήσω στον τεμπλίδι του και τότε θα πρέπει να χρησιμοποιήσουμε τα πλάντια στο κομπονέτο, ώστε να μπορούμε να τα χρησιμοποιήσουμε στον τεμπ οπότε, η κομπονέτη είναι ελευθερική. Αν φτιαξόμασουμε την περίπτωση τώρα, ακόμα έχουμε τη λίστα πλάντων, αλλά τώρα μπορούμε να χρησιμοποιήσουμε την κομπονέτη πλάντων όπου θέλουμε να δημιουργήσουμε την λίστα μας.
This transcript is generated automatically from the lesson video. Spotted an inaccuracy? Let us know at team@vueschool.io.
