Provádění kódu ve Vue šablonách

Ve složených závorkách lze provádět různý JavaScript kód. Pojďme si to ukázat na příkladu. Předpokládejme, že máme dvě vlastnosti s čísly - var1 a var2:

javascriptdata() {
  return {
    var1: 1,
    var2: 2,
  }
}

Pojďme například sečíst hodnoty našich vlastností:

App.vue<template>
  {{ var1 + var2 }}
</template>

Výsledkem tohoto kódu bude následující HTML:

html<div id="app">
  3
</div>

Задание 1

Předpokládejme, že v data je uloženo následující:

javascriptdata() {
  return {
    num: 5,
  }
}

Zobrazte na obrazovce druhou mocninu vlastnosti num.

Задание 2

Předpokládejme, že v data je uloženo následující:

javascriptdata() {
  return {
    num1: 1,
    num2: 2,
    num3: 3,
  }
}

Zobrazte na obrazovce součet vlastností num1, num2 a num3.