Koda izpilde Vue skatos

Cirtainajās iekavās var izpildīt dažādu JavaScript kodu. Apskatīsim to ar piemēru. Pieņemsim, ka mums ir divas īpašības ar skaitļiem - var1 un var2:

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

Piemēram, saskaitīsim mūsu īpašību vērtības:

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

Šī koda rezultāts būs šāds HTML:

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

Задание 1

Pieņemsim, ka data glabājas sekojošais:

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

Parādiet ekrānā īpašības num kvadrātu.

Задание 2

Pieņemsim, ka data glabājas sekojošais:

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

Parādiet ekrānā īpašību num1, num2 un num3 summu.