Выполнения кода в представлениях 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.