我一直在尋找一個(gè)關(guān)于此的簡(jiǎn)單示例的時(shí)間，因此我來(lái)到 SO 社區(qū)尋求幫助。如果我有一個(gè)帶有這樣數(shù)組的 json 對(duì)象（外部，假設(shè)我們已將其作為“信息”訪問(wèn)）...{"Job": {    "JobId": "123",    "Tasks": [        {            "TaskId": "1",            "TaskName": "Test Task 1",            "SubTasks": [            {                "SubTaskId": "1",                "SubTaskName": "Test Sub Task 1"            },            {                "SubTaskId": "2",                "SubTaskName": "Test Sub Task 2"            },            {                "SubTaskId": "3",                "SubTaskName": "Test Sub Task 3"            }            ]        },           {     如何在 Vue 實(shí)例中訪問(wèn)它并訪問(wèn)嵌套數(shù)組？我能找到的每一個(gè)例子要么是悲慘地在我頭上，要么看起來(lái)像下面這樣：new Vue({    el: "ID1",    data: {        items: [            { message: 'Foo' },            { message: 'Bar' }        ]    }})但是我已經(jīng)知道如何使用 v-for 從實(shí)例中已經(jīng)存在的數(shù)組中獲取數(shù)據(jù)（我的意思是硬編碼），盡管嵌套數(shù)組仍然讓我有點(diǎn)逃避，但我終生無(wú)法弄清楚如果數(shù)組和嵌套數(shù)組位于帶數(shù)組的 json 對(duì)象中，這是一種直接訪問(wèn)數(shù)組和嵌套數(shù)組的方法。我已經(jīng)嘗試將“數(shù)據(jù)”放入實(shí)例中，如下所示來(lái)獲取對(duì)象：new Vue({    el: "ID1",    data: Info})或者new Vue({    el: "ID1",        data: {            items: Info,            /// extra stuff here     }})只要我可以訪問(wèn)對(duì)象（信息），它就可以工作，但是當(dāng)我嘗試使用諸如 v-for="Task in Tasks" 之類(lèi)的東西時(shí)遇到錯(cuò)誤（例如）“未定義屬性或方法“任務(wù)”在實(shí)例上，但在渲染期間被引用。通過(guò)初始化屬性，確保此屬性是反應(yīng)性的，無(wú)論是在數(shù)據(jù)選項(xiàng)中，還是對(duì)于基于類(lèi)的組件”。我希望能夠做到：<div id="ID1">    <ul>        <li v-for="Task in Tasks">{{ Task.TaskId }}</li>    </ul></div>或進(jìn)一步：<div id="ID1">    <ul>        <li v-for="SubTask in SubTasks">{{ SubTask.SubTaskId }}</li>    </ul></div>我知道那些不起作用，只是想舉個(gè)例子。對(duì)此的任何幫助將不勝感激。隨時(shí)帶我去 Vue 101。我不知道還有什么要問(wèn)或提供什么才能使它成為一個(gè)更好的問(wèn)題。我通常不會(huì)問(wèn)這么寬泛的問(wèn)題，我通常會(huì)花時(shí)間實(shí)際學(xué)習(xí)如何做到這一點(diǎn)，但我被困住了，試圖為明天完成一些事情，并且在這一點(diǎn)上非常沮喪。我在 JS 中使用了嵌套的 forEach 循環(huán)并用 JQuery 輸出了很多次，但我無(wú)法在 Vue 中弄清楚這個(gè)邏輯。提前致謝。