Vue-ի ներկայացումներում կոդի կատարում

Ճկուն փակագծերում կարելի է կատարել տարբեր JavaScript կոդ: Եկեք դիտարկենք դա օրինակով: Ենթադրենք, մենք ունենք երկու հատկություն թվերով - var1 և var2:

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

Օրինակ, եկեք գումարենք մեր հատկությունների արժեքները:

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

Այս կոդի արդյունքը կլինի հետևյալ HTML-ը:

html<div id="app">
  3
</div>
Задание 1

Ենթադրենք, data-ում պահվում է հետևյալը.

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

Էկրանին ցուցադրեք num հատկության քառակուսին:

Задание 2

Ենթադրենք, data-ում պահվում է հետևյալը.

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

Էկրանին ցուցադրեք num1, num2 և num3 հատկությունների գումարը: