Εργασία με Components στο Vue

Αν κοιτάξουμε μια ιστοσελίδα, μπορούμε να διακρίνουμε ορισμένα τμήματα σε αυτήν: την κεφαλίδα (header), το περιεχόμενο, την πλαϊνή μπάρα (sidebar), το υποσέλιδο (footer).

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

Στο Vue, αυτά τα τμήματα ονομάζονται components. Σε μεγάλες εφαρμογές, ο διαχωρισμός σε components γίνεται υποχρεωτική προϋπόθεση για τη διατήρηση της ευελιξίας στη διαδικασία ανάπτυξης.

Συνιστάται τα components να τοποθετούνται στον φάκελο components. Κάθε component σε ξεχωριστό αρχείο, σε μορφή module ES6.