Ausführliche Erläuterung der Vue-Syntax zum Spleißen von Zeichenfolgen

In diesem Artikel wird hauptsächlich der Beispielcode zum Spleißen von Zeichenfolgen in der Vue-Syntax vorgestellt. Der Herausgeber findet ihn recht gut, daher werde ich ihn jetzt mit Ihnen teilen und als Referenz verwenden. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.

Beginnen wir mit einer Codezeile:

<p class="swiper-slide" v-for="item in message">
　　<img v-bind:src="[&#39;xxx(需要拼接的字符串)&#39;+item.picurl]" alt="" width="100%" height="245" />
</p>

Wie im Code gezeigt, müssen Sie nur Zeichenfolgen in der Array-Syntax verketten.

***Wissenspunkte***

Übrigens, fassen wir die Vue-Syntax zusammen

Die Schreibmethode ist außerdem unterteilt in: Stilbindung und Klassenbindung

(Der folgende Codeteil ist ein Beispiel von der offiziellen Website)

(1) Objektsyntax

Wie der Name schon sagt, gibt es Objekte, die verwendet werden können. Die Syntax des Schreibens

Stilbindung:

Diese Art des Schreibens ähnelt dem Schreiben von CSS

Klassenbindung:

aktiv ist der Klassenname, aktiv ist gültig, wenn isActive wahr ist

(2) Array-Syntax

Stilbindung:

<p :style="[style1,style2,style3]"></p>

Daten werden auf der Richter-Website nicht vorgestellt:

data: {
  style1:{background:'red'},
  style2:{width:'100px'},
  style3:{height:'100px'}
 }

Klassenbindung:

Verwandte Empfehlungen:

Javascript: Verkettungs-String-Funktion concat()

Javascript - PHP-Splicing-String-Aufruf js

JavaScript-Kombinations-Splicing-String-Effizienzvergleich test_javascript-Fähigkeiten

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Vue-Syntax zum Spleißen von Zeichenfolgen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!