Was ist Vue.js?
Vue.js ist eine Bibliothek zum Erstellen interaktiver Weboberflächen.
VUE.JS bietet eine MVVM -Datenbindung und ein komponierbares Komponentensystem mit einer einfachen und flexiblen API.
Vue.js Funktionen
Präzise: HTML -Vorlage + JSON -Daten, und das Erstellen einer VUE -Instanz ist so einfach.
Datengesteuert: Verfolgt automatisch Abhängigkeiten für Vorlagenausdrücke und berechnete Eigenschaften.
Komponentierung: Verwenden Sie entkoppelte, wiederverwendbare Komponenten, um die Schnittstelle zu konstruieren.
Leichtes Gewicht: ~ 24 kb min+gzip, keine Abhängigkeiten.
Schnell: Genaue und effiziente asynchrone Batch -DOM -Updates.
Modulfreundlich: Installieren Sie über NPM oder Bower, um sich nahtlos in Ihren Workflow zu integrieren.
Github -Adresse: https://github.com/lily1010/vue_learn/tree/master/lesson11
Eine Vue -Form
Es ist wirklich zu einfach, geben Sie einfach ein Beispiel
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Vue Form</title><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><script src="../js/vue.js" type = "text/javaScript" charset = "utf-8"> </script> </head> <body> <div> <!-Eingabefeld-> <Eingabe type = "text" v-model = "msg"> <br/> <!-Radio-Box-> <Eingabe-ID = "mycb1" type = "radio" v-Model = " for = "mycb1"> {{wählen Sie 1}} </label> <!-Kontrollkästchen-> <Eingabe-ID = "mycb2" type = "CheckBox" v-model = "wählen 2"> <Label für = "mycb2"> {{{wählen 2}} </label> <!-Select-> < v-model = "selected"> <option> a </option> <option> b </option> <option> c </option> </select> <span> select: {{ausgewählt}} </span> </div> <script type = "text/javascript"> var vm = new VUE ({{El: false 2). Falsch, ausgewählt: ''}}) </script> </body> </html>Das obige ist der vom Editor eingeführte Vue -Formular -Beispielcode. Ich hoffe, es wird für alle hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird allen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!