beater scroll vue是一個基于Vue.js的無限滾動組件，能夠實現對數據列表進行無限滾動加載。相比于其他滾動組件，beater scroll vue在性能和效率方面都有著很大的優勢。

要使用beater scroll vue，首先需要安裝它的npm包：

npm install beater-scroll-vue --save

然后在Vue組件中引入：

import BeaterScrollVue from 'beater-scroll-vue'
export default {
components: {
BeaterScrollVue
}
}

在HTML部分，可以直接使用BeaterScrollVue組件，并傳入數據源、組件模板以及加載數據的回調函數：

<template>
<div>
<BeaterScrollVue
:items="items"
:template="template"
:fetch="fetch"
/>
</div>
</template>
<script>
export default {
data() {
return {
items: [], // 數據源
template: '', // 組件模板
currentPage: 0
}
},
methods: {
async fetch() {
// 加載數據的回調函數
const data = await this.$axios.get('/api/list', {page: this.currentPage})
this.items = this.items.concat(data.items)
this.currentPage ++
}
}
}
</script>

在上面的例子中，我們使用了異步加載數據的方式，每次滾動到底部會調用fetch()方法，將新加載的數據通過concat()方法合并到已有的數據源中。

總的來說，beater scroll vue是一個非常好用且性能高效的無限滾動組件，如果你的應用有需要無限滾動加載數據列表的場景，那么不妨嘗試一下吧。