Wykonywanie kodu w widokach Vue
W nawiasach klamrowych można wykonywać różny
kod JavaScript. Przyjrzyjmy się temu na przykładzie.
Załóżmy, że mamy dwie właściwości z liczbami -
var1 i var2:
data() {
return {
var1: 1,
var2: 2,
}
}
Na przykład dodajmy wartości naszych właściwości:
<template>
{{ var1 + var2 }}
</template>
Wynikiem tego kodu będzie następujący HTML:
<div id="app">
3
</div>
Załóżmy, że w data przechowywane jest następujące:
data() {
return {
num: 5,
}
}
Wyświetl na ekranie kwadrat właściwości num.
Załóżmy, że w data przechowywane jest następujące:
data() {
return {
num1: 1,
num2: 2,
num3: 3,
}
}
Wyświetl na ekranie sumę właściwości
num1, num2 i num3.
