Udførelse af kode i Vue visninger

I krøllede parenteser kan du udføre forskellig JavaScript-kode. Lad os se på et eksempel. Lad os sige, at vi har to egenskaber med tal - var1 og var2:

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

Lad os for eksempel lægge værdierne fra vores egenskaber sammen:

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

Resultatet af denne kode vil være følgende HTML:

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

Задание 1

Lad følgende være gemt i data:

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

Vis kvadratet af egenskaben num på skærmen.

Задание 2

Lad følgende være gemt i data:

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

Vis summen af egenskaberne num1, num2 og num3 på skærmen.