Uitvoeren van code in Vue-weergaven

In accolades kun je verschillende JavaScript code uitvoeren. Laten we dit bekijken aan de hand van een voorbeeld. Stel dat we twee eigenschappen met getallen hebben - var1 en var2:

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

Laten we bijvoorbeeld de waarden van onze eigenschappen optellen:

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

Het resultaat van deze code zal de volgende HTML zijn:

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

Задание 1

Stel dat in data het volgende is opgeslagen:

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

Toon het kwadraat van de eigenschap num op het scherm.

Задание 2

Stel dat in data het volgende is opgeslagen:

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

Toon de som van de eigenschappen num1, num2 en num3 op het scherm.