在Web開發中，我們經常需要在頁面上展示一些列表，比如商品列表、新聞列表等等。在Vue這個前端框架中，我們可以通過對象列表來方便地展示這些數據，而在添加新的對象時，Vue也提供了很多便捷的方法。 首先，我們需要在Vue的data屬性中定義一個空數組，作為我們的對象列表。比如下面這樣：

var vm = new Vue({
el: '#app',
data: {
objectList: []
}
})

接下來，我們可以定義一個表單，用來向列表中添加新的對象。比如下面這樣：

添加商品

在上面的代碼中，我們定義了一個表單，包括兩個輸入框和一個提交按鈕。這里需要注意的是，我們用了Vue的v-on指令來監聽表單的提交事件，并且加上了.prevent修飾符，用來阻止表單的默認提交行為。 接著，我們需要在Vue實例的methods屬性中定義一個方法，用來添加新的對象。比如下面這樣：

methods: {
addObject: function () {
var object = {
name: this.name,
price: this.price
}
this.objectList.push(object)
this.name = ''
this.price = ''
}
}

在上面的代碼中，我們定義了一個addObject方法，用來創建一個新的對象，并將其添加到對象列表中。這里需要注意的是，我們用了Vue的this關鍵字來訪問實例中的屬性和方法。 在addObject方法中，我們首先通過this關鍵字訪問表單中的輸入框內容，然后創建一個新的對象，并將其添加到對象列表中。最后，我們重置表單中的輸入框內容，以便用戶可以繼續添加新的對象。 在上面的示例中，我們只是用了兩個輸入框來添加對象，但實際上我們可以根據實際需要添加更多的輸入框或表單控件。在addObject方法中，只要將表單中所有需要添加到對象中的值都獲取到，創建一個新的對象，然后將其添加到對象列表中即可。 總之，Vue的對象列表功能為我們展示和管理列表數據提供了很大的便利，在添加新的對象時也非常簡單。無論您是在開發電商網站、新聞網站還是其他Web應用，Vue的對象列表都能為您帶來更舒適和高效的開發體驗。