# Γράψτε ένα δικό σας jComponent > Καταχωρίστε ένα επαναχρησιμοποιήσιμο συστατικό με COMPONENT(), αποδώστε το στο make(), αντιδράστε στις αλλαγές κατάστασης στο setter() και γράψτε πίσω με set(). Framework: jcomponent20 Product: jComponent 20 (jcomponent@20) Language: el Content-SHA256: 1fedaa20284609e9bece2cdf82ce028c764921e7c8d60c04e391962b535ac93b Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c Sources: jcomponent20@3fedd009a277f50fddc608b97afbec553b67c51b Review: not-recorded Ένα συστατικό δηλώνεται με `COMPONENT(name, config, declaration)`. Το δεύτερο όρισμα είναι η προεπιλεγμένη ρύθμιση ως string (`key:value;key:value`). Η δήλωση παίρνει `self` (την παρουσία του συστατικού) και `config` (την αναλυμένη ρύθμιση). - το `self.make` εκτελείται μία φορά, όταν δημιουργείται το συστατικό. Χτίστε εδώ το DOM. - το `self.setter(value)` εκτελείται κάθε φορά που αλλάζει η τιμή του `path` του συστατικού. - το `self.set(value)` γράφει μια νέα τιμή στο `path`· το `self.get()` τη διαβάζει. Χρησιμοποιήστε το συστατικό με ένα στοιχείο ``. Το `name` επιλέγει τη δήλωση, το `path` την κατάσταση και το `config` παρακάμπτει τις προεπιλογές. ```html public/index.html jComponent

Total:

``` Το `ui-bind` δίπλα στο συστατικό δείχνει ότι και τα δύο διαβάζουν την ίδια κατάσταση: το πάτημα του κουμπιού αλλάζει τη διαδρομή και ενημερώνεται κάθε στοιχείο που είναι δεμένο σε αυτήν.