Contao Community Bayern Treffen am 2020-05-14

SVG-Grafiken mit Vue.js bearbeiten

Simple

Im Unterverzeichnis simple liegen *.html Dateien, die die verscheidenen betrachteten Schritte zeigen:

• simple/index0.html Minimale Datei, die Vue einbindet und eine Variable ausgibt
• simple/index1.html Wie zuvor, jedoch mit einem <input> und dynamischer Datenbindung
• simple/index2.html Wie zuvor, jedoch wird die {{ message }} als Teil einer SVG Grafik ausgegeben

Vue Single File Components (SFC)

Als Ausblick liegen im Unterverzeichnis sfc liegen die Dateien, die das gleiche mittels Vue Single File Components umsetzen (wir bauen eine Component <CommunityLogo>; siehe auch sfc/README.md).