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