在Vue中，我們可以輕松地使用雙向數據綁定來收集表單數據。不過，當我們需要向后端提交復雜的列表數據時，就需要使用Vue提供的一些特殊方法和技巧來做到這一點。

首先，我們需要定義一個數組來存儲我們要提交的數據，這個數組可以在Vue的data里面預先定義好：

data: {
items: []
}

接下來，我們需要使用v-for指令來渲染所有的表單項，并將每個表單項所對應的數據存儲在items數組中：

<div v-for="item in items">
<input type="text" v-model="item.name">
<input type="number" v-model="item.amount">
</div>

上面的代碼會根據items數組中的數據渲染多個input元素。每個input元素都使用v-model指令來實現雙向數據綁定。當我們在輸入框中輸入數據時，它們會自動更新items數組中對應的數據。這就是Vue的雙向數據綁定在表單中的應用。

當用戶點擊提交按鈕時，我們需要將items數組中的數據發送到后端，一般來說可以使用Ajax來發送POST請求。這里，我們可以使用Axios庫來簡化這個過程。首先，需要在Vue中引入Axios庫：

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

接下來，我們可以在Vue實例中定義一個方法，它會將items數組中的數據發送到指定的后端接口：

methods: {
submitData: function() {
axios.post('/api/items', this.items)
.then(response =>{
// 處理返回結果
})
.catch(error =>{
// 處理錯誤
});
}
}

上面的submitData方法使用了Axios.post方法來發送一個POST請求到后端的/api/items接口。我們在請求中同時發送了items數組中的數據。當請求返回時，我們可以在then方法中處理返回結果，并在catch方法中處理錯誤情況。

最后，我們需要在表單中添加一個提交按鈕，并將它的點擊事件綁定到submitData方法上：

<button @click="submitData">提交數據</button>

上面的代碼會在表單中添加一個提交按鈕，當用戶點擊它時，會調用submitData方法來發送數據到后端。我們使用了@click指令來綁定提交按鈕的點擊事件。

綜上所述，通過使用Vue的雙向數據綁定和Axios庫，我們可以輕松地收集和提交復雜的列表數據。這些技巧對于大多數Web應用程序都是必備的。