Αντικείμενα στο Vue
Ας υποθέσουμε ότι τώρα στο data έχουμε ένα αντικείμενο:
data() {
return {
obj: {a: 1, b: 2, c: 3},
}
}
Ας εμφανίσουμε το περιεχόμενο αυτού του αντικειμένου στην οθόνη:
<template>
{{ obj.a }}
{{ obj.b }}
{{ obj.c }}
</template>
Εναλλακτικά, μπορούμε να χρησιμοποιήσουμε έναν άλλο τρόπο:
<template>
{{ obj['a'] }}
{{ obj['b'] }}
{{ obj['c'] }}
</template>
Ας υποθέσουμε ότι στο data αποθηκεύεται το ακόλουθο αντικείμενο:
data() {
return {
obj: {x: 1, y: 2, z: 3},
}
}
Εμφανίστε στην οθόνη το άθροισμα των στοιχείων αυτού του αντικειμένου.
