Koodin suorittaminen Vue-näkymissä

Kiharaisissa sulkeissa voi suorittaa erilaista JavaScript-koodia. Tarkastellaan tätä esimerkin avulla. Oletetaan, että meillä on kaksi numero-ominaisuutta - var1 ja var2:

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

Lasketaan esimerkiksi ominaisuuksiemme arvot yhteen:

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

Tämän koodin tuloksena on seuraava HTML:

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

Задание 1

Oletetaan, että data:ssa tallennetaan seuraavaa:

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

Näytä näytölle ominaisuuden num neliö.

Задание 2

Oletetaan, että data:ssa tallennetaan seuraavaa:

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

Näytä näytölle ominaisuuksien num1, num2 ja num3 summa.