目錄

1.對象作為數(shù)據(jù)：

?2.對象數(shù)組

---

在Vue中，你可以通過對象的鍵來調(diào)用對象中的各個(gè)部分的內(nèi)容。下面是一些使用Vue調(diào)用對象各部分內(nèi)容的示例：

1.對象作為數(shù)據(jù)：

如果你在Vue實(shí)例的數(shù)據(jù)中有一個(gè)對象，你可以使用點(diǎn)語法來訪問對象中的各個(gè)屬性。

data() {return {person: {name: 'John',age: 25,occupation: 'Developer'}}
}

在模板中，你可以通過{{ person.name }}、{{ person.age }}和{{ person.occupation }}來分別調(diào)用對象中的name、age和occupation屬性的值。

<p>Name: {{ person.name }}</p>
<p>Age: {{ person.age }}</p>
<p>Occupation: {{ person.occupation }}</p>

?2.對象數(shù)組

如果對象是一個(gè)數(shù)組中的一部分，你可以使用v-for指令遍歷數(shù)組，并通過點(diǎn)語法調(diào)用對象中的屬性。

data() {return {people: [{ name: 'John', age: 25, occupation: 'Developer' },{ name: 'Jane', age: 30, occupation: 'Designer' },{ name: 'Mike', age: 35, occupation: 'Manager' }]}
}

在模板中，用v-for指令遍歷數(shù)組，并使用點(diǎn)語法調(diào)用對象的屬性。

<ul><li v-for="person in people"><p>Name: {{ person.name }}</p><p>Age: {{ person.age }}</p><p>Occupation: {{ person.occupation }}</p></li>
</ul>

通過上述方式，你可以調(diào)用對象中各個(gè)部分的內(nèi)容，無論是單個(gè)對象還是對象數(shù)組。