Directives στο Vue.js σας επιτρέπει να εφαρμόζετε ειδικές συμπεριφορές σε στοιχεία στο DOM. Έχουν πρόθεμα με τη v-
σύνταξη και χρησιμοποιούνται για τον χειρισμό του DOM, τον χειρισμό συμβάντων, την υπό όρους απόδοση στοιχείων και πολλά άλλα. Το Vue.js παρέχει πολλά ενσωματωμένα, directives όπως, , και, τα οποία καλύπτουν ένα ευρύ φάσμα περιπτώσεων κοινής χρήσης. v-if
v-for
v-bind
v-on
Εδώ είναι μερικά κοινά directives στο Vue.js:
1. Οδηγία: Αυτή η οδηγία χρησιμοποιείται για την υπό όρους απόδοση ενός στοιχείου που βασίζεται σε μια συνθήκη. v-if
Παράδειγμα:
2. Οδηγία: Αυτή η οδηγία χρησιμοποιείται για την επανάληψη πάνω από έναν πίνακα ή ένα αντικείμενο και τη δημιουργία αντίστοιχων στοιχείων. v-for
Παράδειγμα:
3. Οδηγία: Αυτή η οδηγία χρησιμοποιείται για τη δέσμευση της τιμής μιας έκφρασης σε ένα χαρακτηριστικό ή μια ιδιότητα ενός στοιχείου. v-bind
Παράδειγμα:
4. Οδηγία: Αυτή η οδηγία χρησιμοποιείται για την ακρόαση και το χειρισμό συμβάντων σε ένα στοιχείο. v-on
Παράδειγμα:
5. Οδηγία: Αυτή η οδηγία δημιουργεί μια αμφίδρομη σύνδεση μεταξύ ενός στοιχείου εισόδου και μιας ιδιότητας δεδομένων. v-model
Παράδειγμα:
Αυτά είναι μόνο μερικά βασικά directives στο Vue.js. Μπορείτε επίσης να δημιουργήσετε τη δική σας προσαρμογή directives για την εκτέλεση συγκεκριμένων συμπεριφορών στην εφαρμογή Vue.js.