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 касиеттеринин суммасын чыгарыңыз.