Udførelse af kode i Vue visninger
I krøllede parenteser kan du udføre forskellig
JavaScript-kode. Lad os se på et eksempel.
Lad os sige, at vi har to egenskaber med tal -
var1 og var2:
data() {
return {
var1: 1,
var2: 2,
}
}
Lad os for eksempel lægge værdierne fra vores egenskaber sammen:
<template>
{{ var1 + var2 }}
</template>
Resultatet af denne kode vil være følgende HTML:
<div id="app">
3
</div>
Lad følgende være gemt i data:
data() {
return {
num: 5,
}
}
Vis kvadratet af egenskaben num på skærmen.
Lad følgende være gemt i data:
data() {
return {
num1: 1,
num2: 2,
num3: 3,
}
}
Vis summen af egenskaberne
num1, num2 og num3 på skærmen.