Выполнения кода в представлениях Vue
В фигурных скобках можно выполнять различный
JavaScript код. Давайте рассмотрим это на примере.
Пусть у нас есть два свойства с числами -
var1 и var2:
data() {
return {
var1: 1,
var2: 2,
}
}
Давайте, например, сложим значения наших свойств:
<template>
{{ var1 + var2 }}
</template>
Результатом этого кода будет следующий HTML:
<div id="app">
3
</div>
Пусть в data хранится следующее:
data() {
return {
num: 5,
}
}
Выведите на экран квадрат свойства num.
Пусть в data хранится следующее:
data() {
return {
num1: 1,
num2: 2,
num3: 3,
}
}
Выведите на экран сумму свойств
num1, num2 и num3.