Ausführung von Code in Vue-Ansichten

In geschweiften Klammern kann verschiedener JavaScript-Code ausgeführt werden. Lassen Sie uns dies an einem Beispiel betrachten. Nehmen wir an, wir haben zwei Eigenschaften mit Zahlen - var1 und var2:

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

Lassen Sie uns zum Beispiel die Werte unserer Eigenschaften addieren:

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

Das Ergebnis dieses Codes wird das folgende HTML sein:

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

Задание 1

Nehmen wir an, in data ist Folgendes gespeichert:

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

Geben Sie das Quadrat der Eigenschaft num auf dem Bildschirm aus.

Задание 2

Nehmen wir an, in data ist Folgendes gespeichert:

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

Geben Sie die Summe der Eigenschaften num1, num2 und num3 auf dem Bildschirm aus.