Ausführung von Code in Vue-Ansichten
In geschweiften Klammern kann verschiedener
JavaScript-Code ausgeführt werden. Lassen Sie uns dies an einem Beispiel betrachten.
Nehmen wir an, wir haben zwei Eigenschaften mit Zahlen -
var1 und var2:
data() {
return {
var1: 1,
var2: 2,
}
}
Lassen Sie uns zum Beispiel die Werte unserer Eigenschaften addieren:
<template>
{{ var1 + var2 }}
</template>
Das Ergebnis dieses Codes wird das folgende HTML sein:
<div id="app">
3
</div>
Nehmen wir an, in data ist Folgendes gespeichert:
data() {
return {
num: 5,
}
}
Geben Sie das Quadrat der Eigenschaft num auf dem Bildschirm aus.
Nehmen wir an, in data ist Folgendes gespeichert:
data() {
return {
num1: 1,
num2: 2,
num3: 3,
}
}
Geben Sie die Summe der Eigenschaften
num1, num2 und num3 auf dem Bildschirm aus.