Aus dem Kurs: Vue.js Grundkurs

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.

Komponenten definieren

Komponenten definieren – Tutorial zu Vue.js

Aus dem Kurs: Vue.js Grundkurs

Gratismonat starten Für Ihr Team erwerben

Komponenten definieren

“

Sehen wir uns an, wie man eine Komponente erstellt, wenn man nicht den Build-Vorgang nutzt, sondern einfach nur die entsprechende JavaScript-Datei eingebunden hat. So, ich habe hier schon createApp() und da kann ich jetzt definieren, dass ich eine Komponente nutzen will, indem ich die Option components angebe. Da könnte ich natürlich dann auch mehrere Komponenten schreiben. Und im einfachen Beispiel hier möchte ich gerne, dass meine Komponente heißt SimpleButton. Und dann braucht die Komponente natürlich irgendwelche Eigenschaften Und im einfachsten Fall benötigt sie nur ein Template, also was ausgegeben werden soll, und da schreibe ich einmal "<button>Klick mich". Und dann schließe ich das button-Element wieder. Im einfachsten Fall genügt das. Damit habe ich meine Komponente definiert. Nun kann ich sie verwenden. Dafür schreibe ich "simple button". Und damit habe ich meine Komponente verwendet und ich kann sie natürlich beliebig oft verwenden. Das ist eben auch das Praktische an…

Inhalt