Utførelse av kode i Vue-visninger
I krøllete parenteser kan du utføre ulik
JavaScript-kode. La oss se på dette med et eksempel.
La oss si at vi har to egenskaper med tall -
var1 og var2:
data() {
return {
var1: 1,
var2: 2,
}
}
La oss for eksempel legge sammen verdiene fra våre egenskaper:
<template>
{{ var1 + var2 }}
</template>
Resultatet av denne koden vil være følgende HTML:
<div id="app">
3
</div>
La følgende lagres i data:
data() {
return {
num: 5,
}
}
Vis kvadratet av egenskapen num på skjermen.
La følgende lagres i data:
data() {
return {
num1: 1,
num2: 2,
num3: 3,
}
}
Vis summen av egenskapene
num1, num2 og num3 på skjermen.
