Exekvering av kod i Vue-vyer
I klammerparenteser kan du köra olika
JavaScript-kod. Låt oss titta på ett exempel.
Anta att vi har två egenskaper med nummer -
var1 och var2:
data() {
return {
var1: 1,
var2: 2,
}
}
Låt oss till exempel lägga ihop värdena från våra egenskaper:
<template>
{{ var1 + var2 }}
</template>
Resultatet av denna kod blir följande HTML:
<div id="app">
3
</div>
Anta att följande lagras i data:
data() {
return {
num: 5,
}
}
Visa kvadraten av egenskapen num på skärmen.
Anta att följande lagras i data:
data() {
return {
num1: 1,
num2: 2,
num3: 3,
}
}
Visa summan av egenskaperna
num1, num2 och num3 på skärmen.
