Vue Infinite事件是Vue.js框架的一個非常有用的特性之一。這個事件的主要目的是在元素滾動到指定位置時觸發一個回調函數。這種功能在需要滾動加載新數據的應用程序中非常有用。

以下是一個使用Vue Infinite事件的示例代碼：

Vue.use(VueInfiniteLoading);
new Vue({
el: '#app',
data: {
items: [],
currentPage: 1,
hasNextPage: true
},
infiniteHandler($state) {
const url = `https://api.example.com/items?page=${this.currentPage}`;
axios.get(url).then(response =>{
const data = response.data;
if (data.length) {
this.items = this.items.concat(data);
this.currentPage++;
$state.loaded();
} else {
this.hasNextPage = false;
$state.complete();
}
});
}
});

在這個例子中，我們使用的是Vue Infinite Loading插件，但是如果您不想使用插件，也可以使用Vue的原生事件監聽器來監聽滾動事件并觸發回調函數。

當我們調用Vue Infinite事件處理函數時，我們傳遞一個$state對象作為參數。這個對象包含了一些方法，包括loaded()和complete()。我們使用loaded()方法來告訴Vue Infinite我們已經加載了新的數據，complete()方法用于告訴Vue Infinite我們不再有更多的數據需要加載。

最后，在我們的Vue實例中，我們有一個items數組，用于存儲來自API的數據，以及一個currentPage變量，用于跟蹤當前頁面的數據。我們還有一個hasNextPage布爾變量，用于標記是否需要繼續加載數據。