Иҷрои рамз дар намоишҳои 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-ро ба экран чоп кунед.