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:
data() {
return {
var1: 1,
var2: 2,
}
}
Laat ons byvoorbeeld die waardes van ons eienskappe bymekaartel:
<template>
{{ var1 + var2 }}
</template>
Die resultaat van hierdie kode sal die volgende HTML wees:
<div id="app">
3
</div>
Laat die volgende in data gestoor word:
data() {
return {
num: 5,
}
}
Vertoon die kwadraat van eienskap num op die skerm.
Laat die volgende in data gestoor word:
data() {
return {
num1: 1,
num2: 2,
num3: 3,
}
}
Vertoon die som van eienskappe
num1, num2 en num3 op die skerm.
