無限滾動是指在頁面上滾動到一定的位置時，會自動加載更多的內容。這種滾動方式可以有效提升用戶的體驗，同時也可以減輕服務器的壓力。在Vue中，我們可以輕松地實現無限滾動。

在Vue中，我們使用一個插件叫做vue-infinite-scroll來實現無限滾動。這個插件可以自動監聽滾動事件，并在用戶滾動到一定位置時加載更多的內容。下面是一個簡單的例子。

import infiniteScroll from 'vue-infinite-scroll'
Vue.use(infiniteScroll)
<div v-infinite-scroll="loadMore">
<div v-for="item in items">
{{ item }}
</div>
</div>
...
methods: {
loadMore() {
// 加載更多的內容
}
}

通過使用v-infinite-scroll指令，我們告訴Vue在滾動到特定元素（在這個例子中是div）時執行一個方法（loadMore）。在這個方法中，我們可以加載更多的內容，并把它們添加到items數組中。

這個例子展示了如何實現垂直的無限滾動。但是，有些情況下，我們需要實現橫向的無限滾動。下面是一個橫向滾動的例子。

<div v-infinite-scroll="loadMore" class="scrollable">
<div v-for="item in items" class="item">
{{ item }}
</div>
</div>
...
.scrollable{
width: 100%;
overflow-x: auto;
white-space: nowrap;
}
.item{
display: inline-block;
width: 20%;
height: 100px;
margin-right: 10px;
}

在這個例子中，我們需要通過樣式將父元素的寬度設置為100%，然后在父元素上設置overflow-x: auto來實現橫向滾動。同時，我們也需要將子元素的白色空間設置為nowrap，這樣就能夠在一行內顯示所有的子元素。

在這個例子中，我們通過使用display: inline-block將子元素水平排列。我們也可以使用float或flexbox來實現同樣的效果。

總之，無限滾動是一個非常方便的功能，能夠大大提升用戶的體驗。在Vue中，我們可以通過使用vue-infinite-scroll插件輕松地實現無限滾動。同時，我們也可以通過一些簡單的CSS技巧來實現橫向滾動。