Изпълнение на код в изгледи на Vue

Във фигурните скоби може да се изпълнява различен JavaScript код. Нека разгледаме това с пример. Да предположим, че имаме две свойства с числа - var1 и var2:

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

Нека, например, съберем стойностите на нашите свойства:

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

Резултатът от този код ще бъде следният HTML:

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

Задание 1

Да предположим, че в data се съхранява следното:

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

Покажете на екрана квадрата на свойството num.

Задание 2

Да предположим, че в data се съхранява следното:

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

Покажете на екрана сумата от свойствата num1, num2 и num3.