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