Heim >
Artikel > Web-Frontend > Wie implementiert man benutzerdefinierte Anweisungen in Vue?
Wie implementiert man benutzerdefinierte Anweisungen in Vue?
亚连Original
2018-06-07 17:42:262715Durchsuche
In diesem Artikel wird hauptsächlich die Verwendung der nativen Anweisungen und benutzerdefinierten Anweisungen von Vue vorgestellt
1 🎜> Als ich anfing, Vue zu lernen, sah ich auf der offiziellen Website das Wort „Anleitung“. Ich war fassungslos, was? Was ist die Anweisung? Später, wenn wir weiterlesen, werden „v-for“, „v-show“ und „v-if“ wie diese Anweisungen genannt. Später, als ich fast mit Vue fertig war und anfing, Projekte zu schreiben, stellte ich fest, dass es nur wenige allgemeine Anweisungen gab, wie zum Beispiel „.
Man kann sich das als eine Art vorstellen Syntaktischer Zucker oder eine Art Befehl. Die allgemeine Verwendung ist wie folgt:
v-if”“v-show”“v-model”“v-for”“v-bind”“v-on”1.v-text: string Verwendung: Um den textContent des Elements zu aktualisieren, müssen Sie {{Mustache }} Interpolation. 🎜>
2.v-show: any Verwendung: Schalten Sie das Anzeige-CSS-Attribut des Elements entsprechend dem wahren oder falschen Wert des Ausdrucks um. 3.v-if: any Verwendung: Rendern Sie den wahren oder falschen Zustand des Elements und seiner Datenbindungen/Komponenten. Wenn es ist, wird sein Inhalt als bedingter Block verwendet 🎜> 4.v-for:Array |. Objektnummer |. Verwendung: Elemente oder Vorlagenblöcke mehrmals basierend auf Quelldaten rendern: 5.v-on: Funktion |. erforderlich) Modifikator. 6.v-bind: beliebig Typ: beliebig (mit Argument) | Objekt (ohne Argument) Parameter: attrOrProp (optional); .camel --- wandelt den Attributnamen „kebab-case“ in „camelCase“ um. (unterstützt seit 2.1.0) Verwendung: Beim Binden von Klassen- und Stilattributen werden andere Wertetypen unterstützt, z. B. Objekte und Arrays , Unterkomponenten müssen Requisiten deklarieren 7.v-model: Limit
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn