Esecuzione del codice nelle viste Vue

Nelle parentesi graffe è possibile eseguire vari codici JavaScript. Consideriamo questo con un esempio. Supponiamo di avere due proprietà con numeri - var1 e var2:

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

Ad esempio, sommiamo i valori delle nostre proprietà:

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

Il risultato di questo codice sarà il seguente HTML:

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

Задание 1

Supponiamo che in data sia memorizzato quanto segue:

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

Visualizza il quadrato della proprietà num.

Задание 2

Supponiamo che in data sia memorizzato quanto segue:

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

Visualizza la somma delle proprietà num1, num2 e num3.