Utførelse av kode i Vue-visninger

I krøllete parenteser kan du utføre ulik JavaScript-kode. La oss se på dette med et eksempel. La oss si at vi har to egenskaper med tall - var1 og var2:

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

La oss for eksempel legge sammen verdiene fra våre egenskaper:

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

Resultatet av denne koden vil være følgende HTML:

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

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

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