Exécution de code dans les vues Vue

À l'intérieur des accolades, il est possible d'exécuter divers codes JavaScript. Examinons cela avec un exemple. Supposons que nous ayons deux propriétés numériques - var1 et var2 :

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

Additionnons, par exemple, les valeurs de nos propriétés :

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

Le résultat de ce code sera le HTML suivant :

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

Задание 1

Supposons que les données suivantes soient stockées dans data :

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

Affichez le carré de la propriété num à l'écran.

Задание 2

Supposons que les données suivantes soient stockées dans data :

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

Affichez la somme des propriétés num1, num2 et num3 à l'écran.