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

這樣，當該 DOM 元素被滾動時，Vue 就會調用onScroll這個方法。在 Vue 的實例中，我們可以定義一個名為onScroll的方法：

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

在onScroll方法中可以編寫任意邏輯來響應滾動事件。

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

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

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

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

這樣該 DOM 元素被滾動時，即會調用onScroll方法。

需要注意的是，若注冊的 scroll 事件為其父元素，而其子元素也存在滾動條時，事件會在其父元素與其所有子元素間透傳，因此在處理事件時需判斷具體的事件源。

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