Εκτέλεση Κώδικα σε Προβολές Vue

Μέσα σε σγουρές αγκύλες μπορείτε να εκτελέσετε διάφορο κώδικα JavaScript. Ας το εξετάσουμε με ένα παράδειγμα. Ας υποθέσουμε ότι έχουμε δύο ιδιότητες με αριθμούς - var1 και var2:

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

Ας προσθέσουμε, για παράδειγμα, τις τιμές των ιδιοτήτων μας:

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

Το αποτέλεσμα αυτού του κώδικα θα είναι το ακόλουθο HTML:

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

Задание 1

Ας υποθέσουμε ότι στο data αποθηκεύεται το ακόλουθο:

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

Εμφανίστε στην οθόνη το τετράγωνο της ιδιότητας num.

Задание 2

Ας υποθέσουμε ότι στο data αποθηκεύεται το ακόλουθο:

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

Εμφανίστε στην οθόνη το άθροισμα των ιδιοτήτων num1, num2 και num3.