კოდის შესრულება 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.