Wykonywanie kodu w widokach Vue

W nawiasach klamrowych można wykonywać różny kod JavaScript. Przyjrzyjmy się temu na przykładzie. Załóżmy, że mamy dwie właściwości z liczbami - var1 i var2:

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

Na przykład dodajmy wartości naszych właściwości:

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

Wynikiem tego kodu będzie następujący HTML:

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

Задание 1

Załóżmy, że w data przechowywane jest następujące:

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

Wyświetl na ekranie kwadrat właściwości num.

Задание 2

Załóżmy, że w data przechowywane jest następujące:

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

Wyświetl na ekranie sumę właściwości num1, num2 i num3.