Executing code in Vue views

You can execute various JavaScript code in curly brackets. Let's look at this with an example. Let's say we have two properties with numbers - var1 and var2:

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

Let's, for example, add up the values of our properties:

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

The result of this code will be the following HTML:

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

Задание 1

Let data store the following:

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

Print the square of the property num.

Задание 2

Let data store the following:

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

Print the sum of the properties num1, num2 and num3.