Utekelezaji wa Msimbo katika Maonyesho ya Vue

Kwenye mabano ya curly unaweza kutekeleza msimbo mbalimbali wa JavaScript. Hebu tuchunguze hili kwa mfano. Wacha tuwe na sifa mbili zenye nambari - var1 na var2:

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

Wacha, kwa mfano, tuongeze thamani za sifa zetu:

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

Matokeo ya msimbo huu yatakuwa HTML ifuatayo:

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

Задание 1

Wacha kwenye data ihifadhiwe yafuatayo:

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

Onyesha kwenye skrini mraba wa sifa num.

Задание 2

Wacha kwenye data ihifadhiwe yafuatayo:

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

Onyesha kwenye skrini jumla ya sifa num1, num2 na num3.