Listen in Vue.js erstellen mit v-for

15. March 2017 - Javascript, Vue.js
Titelbild Vue.js

Wir leben ja bekanntlich in einer Zeit, in der es normal ist möglichst viele Daten zu erheben, zu analysieren und somit auch später wieder auszugeben. Im besten Fall wird es wohl so aussehen. Oder man erhebt so viele Daten, dass sie nicht mehr analysiert werden können und sie bleiben bloß auf irgendwelchen Google Servern und warten […]

Eigene Components in Vue.js

14. March 2017 - Javascript, Vue.js
Titelbild Vue.js

Nun möchte ich euch noch zeigen, wie man in Vue.js seine eigenen Komponenten (Components) erstellen kann. Components sind nichts anderes als eine Aneinanderreihung von HTML Tags zur Wiederverwendung, gebündelt unter einem Namen. Dieser Name dient dann als eigenes HTML Tag. Unseren bisherigen Tags wie <header>, <footer>, <h1>, <div> usw werden also jeweils erweitert um eine […]

Etwas mehr Farbe in Vue.js mit dynamischen CSS Klassen

14. March 2017 - Javascript, Vue.js
Vuejs Titelbild mit CSS Div Container

Nun wollen wir noch etwas Farbe ins Spiel bringen, damit unsere zukünftigen Projekte mit Vue.js auch optisch ansprechend sind und nicht nur technisch. Frontend-Frameworks wie Vue.js haben den Vorteil, dass sie das dynamische Zuweisen von CSS Klassen erlauben und leicht umsetzbar machen.

Bereiche ein und ausblenden mit v-if

13. March 2017 - Javascript, Vue.js
Titelbild Vue.js

Wir wissen nun wie man auf Events reagiert, Methoden anlegt und auch, wie die Datenbindung in Vue.js funktioniert. Nun wollen wir uns noch ein weiteres sehr wichtiges und nützliches Attribut ansehen, nämlich v-if. Wie man schon erahnen kann, hat es etwas mit einer if Anweisung zutun. Etwas wird nur ausgeführt, wenn eine bestimmte Bedingung zuvor erfüllt wurde. […]

Datenbindung in Vue.js

12. March 2017 - Javascript, Vue.js
Titelbild Vue.js

Das Thema Datenbindung ist am Anfang etwas kompliziert zu verstehen. Zumindest war es bei mir so. Im Endeffekt bedeutet die Datenbindung in bidirektionaler Richtung eigentlich nur, dass Änderungen im Frontend sich auf das Model auswirken. Und umgekehrt. Änderungen am Model werden direkt in der View, also im Frontend sichtbar.