2024-07-12
한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina
//Anweisungssyntax:
1. Was ist eine Benennung und was bewirkt sie?
Die Aufgabe der Direktive besteht darin, die damit verbundenen Auswirkungen auf das Antwortaktions-DOM anzuwenden, wenn sich der Wert des Ausdrucks ändert.
2. Die Namen aller Anweisungen im Vue-Framework beginnen mit v-
3. Die Interpolation wird in das Etikett geschrieben und die Anweisung wird eingeschrieben
Alle Anweisungen im Vue-Feld liegen in Form von Attributen des HTML-Tags vor.
Zum Beispiel: <span 指令写 在这 >{</span>{Hier ist die Position der Interpolationssyntax}}
Hinweis: Obwohl die Anweisung an der Attributposition des Tags geschrieben ist, kann der Browser diesen Befehl nicht verstehen. Er muss zuerst vom Vue-Framework kompiliert werden. Der kompilierte Inhalt kann vom Browser gesehen werden.
4. Grammatikregeln für Anweisungen
Ein Syntaxformat für Anweisungen
<HTML 标签 v-指令名：参数 = “表达式”></HTML>
Ausdruck, zuvor in Interpolationssyntax { {Was hier geschrieben werden kann}}, dann ist das, was im Ausdruck in der Anweisung geschrieben werden kann, tatsächlich genau dasselbe. Es ist jedoch zu beachten, dass { nicht außerhalb der Ausdrucksposition in der Anweisung hinzugefügt werden kann.{}}
Nicht alle Anweisungen verfügen über Parameter und Ausdrücke
Einige Anweisungen erfordern keine Parameter oder Ausdrücke. Beispiel: v-once
Einige Anweisungen erfordern keine Parameter, aber Ausdrücke, zum Beispiel: v-if = „Ausdruck“
Einige Anweisungen erfordern sowohl Parameter als auch Ausdrücke, zum Beispiel: v-bind: Parameter = „Ausdruck“.
Funktion: Rendern Sie das Element nur einmal und rendern Sie es dann erneut. Das Element und alle seine untergeordneten Knoten werden im statischen Speicher abgelegt und übersprungen. Dies kann zur Optimierung der Aktualisierungsleistung verwendet werden.
Funktion: Das Ausführungsergebnis des Ausdrucks erfordert Daten vom booleschen Typ: wahr oder falsch
true: Das Tag, in dem sich diese Anweisung befindet, wird im Browser gerendert.
false: Das Tag, in dem sich diese Anweisung befindet, wird nicht im Browser gerendert.
<body>
<div id ='app'>
<h1>{{Nachricht}}</h1/>
<h1 v-once>{{Nachricht}}</h1>
<h1 v-if="a>b"> prüfen:{{Nachricht}}</h1>
</div>
<script>
neues Vue （{
el: "#app"
Daten(){
Nachricht: "qwert"
ein: " 20 "
b : ' 21'
}
}）
</scirpt>
</body>
Er widmet sich seit mehr als 30 Jahren der Technologieforschung und beherrscht verschiedene Sprachen wie Java, Linux, Javascript, PHP, CSS usw. Er hat viele Beiträge im Open-Source-Bereich geleistet Entwicklerdokumentationsstation, um einige Themen in der Technologieentwicklung als zukünftige Referenz zu teilen
