Kodo vykdymas Vue atvaizduose

Riestiniuose skliaustuose galima vykdyti įvairų JavaScript kodą. Pažiūrėkime tai pavyzdžiu. Tarkime, kad turime dvi savybes su skaičiais - var1 ir var2:

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

Pavyzdžiui, sudėkime mūsų savybių reikšmes:

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

Šio kodo rezultatas bus toks HTML:

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

Задание 1

Tarkime, data saugoma taip:

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

Ekrane parodykite savybės num kvadratą.

Задание 2

Tarkime, data saugoma taip:

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

Ekrane parodykite savybių num1, num2 ir num3 sumą.