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