Uitvoering van kode in Vue-aansigte

In krulhakies kan verskeie JavaScript-kode uitgevoer word. Kom ons kyk na 'n voorbeeld. Laat ons twee eienskappe met getalle hê - var1 en var2:

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

Laat ons byvoorbeeld die waardes van ons eienskappe bymekaartel:

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

Die resultaat van hierdie kode sal die volgende HTML wees:

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

Задание 1

Laat die volgende in data gestoor word:

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

Vertoon die kwadraat van eienskap num op die skerm.

Задание 2

Laat die volgende in data gestoor word:

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

Vertoon die som van eienskappe num1, num2 en num3 op die skerm.