Hat Vue einen Doppelpunkt?

Es gibt einen Doppelpunkt in Vue. Wenn wir uns die API-Dokumentation von Vue ansehen, werden wir feststellen, dass der Doppelpunkt „:“ eigentlich die Abkürzung für „v-bind“ ist, sodass es bei der Verwendung nicht erforderlich ist, einen Doppelpunkt für allgemeine Zwecke hinzuzufügen Bei konstanten Attributen muss ein Doppelpunkt vorangestellt werden.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Vue Version 3, Dell G3-Computer.

Hat Vue einen Dickdarm?

Ja.

Doppelpunktvariable in Vue

Bei der Verwendung von Vue sehen wir oft, dass vor einigen Tag-Attributen in HTML ein „:“ eingefügt wurde und bei anderen nicht.

Wenn wir uns die API-Dokumentation von Vue ansehen, werden wir feststellen, dass der Doppelpunkt „:“ eigentlich die Abkürzung für v-bind ist.

Bei der Verwendung müssen wir also keinen Doppelpunkt für allgemeine Konstantenattribute hinzufügen; wenn es sich um einen Wert handelt, der sich ändert, muss ein Doppelpunkt hinzugefügt werden.

Erklärung des Unterschieds zwischen der Verwendung und Nichtverwendung von Doppelpunkten in Vue-Attributen

Zugehörige Einführung:

Warum muss bei einigen Attributen der Vue-Komponente ein Doppelpunkt „:“ hinzugefügt werden und bei anderen nicht?

Wenn Sie fügen einen Doppelpunkt hinzu. Erklären Sie, was folgt: Es handelt sich um eine Variable oder einen Ausdruck.

Beispiel:

<el-radio-group v-model="handle">
                    <el-radio :label="true">打开</el-radio>
                    <el-radio :label="false">关闭</el-radio>
</el-radio-group>

Ausgabe: true oder false Der Wert ist vom Typ Boolean

-----
<el-radio-group v-model="handle">
                    <el-radio label="true">打开</el-radio>
                    <el-radio label="false">关闭</el-radio>
</el-radio-group>

Ausgabe: „true“ oder „false“ Der Wert ist vom Typ String

Referenz:

https://cn.vuejs.org/ v2/ api/#v-bind

https://cn.vuejs.org/v2/guide/class-and-style.html

Empfohlenes Lernen: „Vue-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonHat Vue einen Doppelpunkt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!