Kód végrehajtása Vue nézetekben

A kapcsos zárójelekben különböző JavaScript kódot hajthatunk végre. Nézzük ezt egy példán keresztül. Tegyük fel, hogy van két szám tulajdonságunk - var1 és var2:

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

Például adjuk össze a tulajdonságaink értékeit:

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

Ennek a kódnak az eredménye a következő HTML lesz:

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

Задание 1

Tegyük fel, hogy a data a következőt tárolja:

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

Jelenítse meg a képernyőn a num tulajdonság négyzetét.

Задание 2

Tegyük fel, hogy a data a következőt tárolja:

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

Jelenítse meg a képernyőn a num1, num2 és num3 tulajdonságok összegét.