Vue 是一個非常流行的前端框架，它簡化了前端開發中的很多任務。在 Vue 中，獲取 List 是一個很常見的需求。本文將介紹如何使用 Vue 來獲取 List。

首先，讓我們來定義一個 List：

let list = [
{id: 1, name: 'Tom'},
{id: 2, name: 'Jerry'},
{id: 3, name: 'Mike'}
]

現在，我們需要在 Vue 組件中使用這個 List。為了能夠訪問到 List，我們需要將其定義為組件的一個屬性。

Vue.component('my-component',{
props: {
list: {
type: Array,
required: true
}
},
...
})

在上面的代碼中，我們定義了一個 my-component 組件，并將 List 定義為其 props。props 是組件的屬性，可以從父組件中傳遞數據進來。

現在，我們需要在組件中使用這個 List。Vue 中有一個指令叫做 v-for，可以輕松地遍歷 Array 類型的數據。

<ul>
<li v-for="item in list" :key="item.id">
{{ item.name }}
</li>
</ul>

在上面的代碼中，我們使用 v-for 指令來遍歷傳遞過來的 List，然后輸出每個 List 中的 name 屬性。同時，我們添加了一個 key 屬性，以確保每個 List 都有一個唯一的標識符。

現在，我們已經成功地通過 Vue 獲取了 List，并在組件中使用了它。以上就是整個過程。