場所列表是一個Vue應用中非常常見的功能，它經常被用于展示場所的基本信息以及搜索過濾場所等。在Vue中，場所列表通常由一個父組件和多個子組件組成，每個子組件對應一個場所。接下來我們將介紹如何實現一個基本的場所列表。

首先，我們需要編寫一個場所模型，它用于描述每個場所的基本信息，比如名稱、地址、電話等。代碼如下：

class PlaceModel {
constructor(name, address, phone) {
this.name = name;
this.address = address;
this.phone = phone;
}
}

接下來，我們需要創建一個子組件，用于展示一個場所的基本信息。該組件通常包含一個名稱、地址和電話。代碼如下：

Vue.component('place', {
props: {
place: {
type: PlaceModel,
required: true
}
},
template: `
{{ place.name }}
{{ place.address }}
{{ place.phone }}
`
})

在父組件中，我們可以創建多個子組件，然后將它們放在一個列表中進行展示。在下面的例子中，我們展示了兩個場所。代碼如下：

Vue.component('place-list', {
data() {
return {
places: [
new PlaceModel('華南城', '廣東省深圳市南山區', '0755-88888888'),
new PlaceModel('京東方', '福建省福州市長樂市', '0591-12345678')
]
};
},
template: `
`
})

在上面的代碼中，我們使用了v-for指令，遍歷場所列表中的每個場所，并將它們渲染成一個子組件。我們還使用了:place和:key屬性將每個場所綁定到子組件上。

最后，我們需要將父組件渲染到頁面上。代碼如下：

new Vue({
el: '#app',
template: `
場所列表
`
})

上面的代碼中，我們創建了一個Vue實例，并將其掛載到頁面上的根節點。在模板中，我們通過標簽將父組件渲染到頁面上。

綜上所述，場所列表是一個非常常見的Vue應用功能。通過創建一個場所模型、一個子組件以及一個父組件，我們可以方便地展示和過濾場所列表。如果你想了解更多Vue的相關知識，可以查看Vue的官方文檔。