Ausführliche Erläuterung des Spleißens von Zeichenfolgen in der Vue-Syntax

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***

Lassen Sie uns übrigens die Vue-Syntax zusammenfassen

Die Schreibmethode ist auch unterteilt in: Stilbindung und Klassenbindung

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

(1) Objektsyntax

Wie der Name schon sagt, gibt es eine Syntax, die das Schreiben von Objekten verwendet

Stilbindung:

Diese Art des Schreibens ähnelt dem CSS-Schreiben

Klassenbindung:

active ist der Klassenname, isActive ist true. Active ist gültig, wenn

(2) Array-Syntax

Stilbindung:

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

Daten nicht eingeführt werden die Richter-Website. Ich werde hier kurz ein Beispiel schreiben:

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

Klassenbindung:

Verwandte Empfehlungen:

Javascript: Verkettungszeichenfolgenfunktion concat( )

[js-Operationsleistungsserie] String-Splicing-Methoden und Leistungsvergleich

MySQL-Ausführung Beispiel für eine Spleiß-String-Anweisung

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