若需在網(wǎng)頁上捕獲滾動(dòng)事件，可以使用 DOM 的scroll事件。在 Vue 中，可以通過v-on指令來為 DOM 元素注冊(cè) scroll 事件：

這樣，當(dāng)該 DOM 元素被滾動(dòng)時(shí)，Vue 就會(huì)調(diào)用onScroll這個(gè)方法。在 Vue 的實(shí)例中，我們可以定義一個(gè)名為onScroll的方法：

new Vue({
el: '#app',
data: {
// your data here
},
methods: {
onScroll: function() {
// your logic here
}
}
})

在onScroll方法中可以編寫任意邏輯來響應(yīng)滾動(dòng)事件。

除了 V-on，還有一種更加簡便的方式，那就是使用 Vue 的自定義指令。自定義指令可以在全局或局部注冊(cè)，并在 HTML 模版中使用 v- 開頭的特殊屬性。

Vue.directive('scroll', {
inserted: function(el, binding) {
el.addEventListener('scroll', binding.value)
}
})

以上例子中的自定義指令將在 bind 鉤子函數(shù)被調(diào)用時(shí)為其綁定的 DOM 元素注冊(cè) 'scroll' 事件，其回調(diào)函數(shù)即為該指令的值。需要注意的是在 injected 鉤子函數(shù)中第一個(gè)參數(shù)為該指令綁定的 DOM 元素，第二個(gè)參數(shù)為該指令的值。

使用該自定義指令在 HTML 模板中注冊(cè) scroll 事件：

這樣該 DOM 元素被滾動(dòng)時(shí)，即會(huì)調(diào)用onScroll方法。

需要注意的是，若注冊(cè)的 scroll 事件為其父元素，而其子元素也存在滾動(dòng)條時(shí)，事件會(huì)在其父元素與其所有子元素間透?jìng)鳎虼嗽谔幚硎录r(shí)需判斷具體的事件源。

此外，框架如 ElementUI、MuseUI 等都提供了相應(yīng)的自定義組件可以直接使用來捕獲滾動(dòng)事件，方便開發(fā)，推薦使用。