數據追加是Vue應用中非常常見的一個需求，它可以讓我們不需要重新渲染整個列表，只需要追加新數據，讓頁面上的列表動態變化。Vue中有非常方便的工具和API可以實現數據的追加，下面我們來詳細講解。

首先，我們需要理解Vue中使用v-for渲染列表的原理。當我們使用v-for指令渲染列表時，Vue會自動為每個元素添加一個響應式的觀察者，當數據發生改變時，Vue會根據觀察者的通知，重新渲染對應的元素。因此，當我們要追加新數據時，只需要將新數據添加到原始數據的末尾即可。

data: {
list: [
{ id: 1, name: '小明' },
{ id: 2, name: '小紅' },
{ id: 3, name: '小剛' }
]
},
methods: {
addData() {
this.list.push({ id: 4, name: '小麗' });
}
}

上面的代碼中，我們定義了一個list數組來存儲列表數據，然后定義了一個addData方法來向list中追加新數據。實際上，我們只需要調用push方法將新數據添加到列表末尾即可。使用這種方式添加數據后，Vue會自動監測到數據的變化并更新列表。

當然，有時候我們并不需要將數據直接添加到末尾，而是需要將數據插入到列表的指定位置。這時我們可以使用Vue的splice方法來實現。

methods: {
insertData() {
this.list.splice(1, 0, { id: 4, name: '小麗' });
}
}

上面的代碼中，我們使用了splice方法將新數據添加到了列表的第二個位置。splice方法的第一個參數表示插入的位置（從0開始計數），第二個參數表示要刪除的元素數量，這里我們并不需要刪除任何元素，因此傳入0，第三個參數表示要插入的新元素。

以上就是Vue中數據追加的方法，無論是直接添加到末尾，還是插入到指定位置，都非常簡單。使用Vue進行數據追加的好處是，無需手動操作DOM，只需要更新數據即可自動更新頁面，非常方便。