當網站或應用涉及到頁面滾動的時候，我們需要監聽滾動事件。在Vue中，我們可以很方便地使用v-on指令來監聽滾動事件。

// 給整個文檔添加滾動監聽事件
created () {
window.addEventListener('scroll', this.handleScroll)
},
destroyed () {
window.removeEventListener('scroll', this.handleScroll)
},
methods: {
handleScroll () {
// 處理滾動事件
}
}

在上面的代碼中，我們在Vue實例被創建時添加了一個滾動事件監聽器。我們使用了addEventListener方法來添加監聽器，傳入的事件類型是'scroll'。當組件被銷毀時，我們還需要使用removeEventListener方法來移除監聽器避免內存泄漏。

對于大多數情況下，我們并不需要監聽整個文檔的滾動事件，而是只需要監聽特定元素的滾動事件。在Vue中，我們可以使用$ref來實現類似的效果：

// 獲取特定元素的ref
mounted () {
this.targetElement = this.$refs.target;
},
destroyed () {
this.targetElement.removeEventListener('scroll', this.handleScroll);
},
methods: {
handleScroll () {
// 處理滾動事件
}
}

在上面的代碼中，我們使用mounted鉤子函數獲取特定元素的ref。當組件被銷毀時，我們再次使用removeEventListener方法來移除監聽器。

在Vue中還提供了一種用于監聽滾動事件的另一種方式，使用Vue的自定義指令v-scroll：

// 定義v-scroll指令
Vue.directive('scroll', {
inserted: function (el, binding) {
el.addEventListener('scroll', binding.value)
},
unbind: function (el, binding) {
el.removeEventListener('scroll', binding.value)
}
})
// 使用v-scroll指令
<div v-scroll="handleScroll"></div>

在上面的代碼中，我們定義了一個名為scroll的自定義指令。當指令綁定到元素上時，我們使用addEventListener方法添加一個scroll事件監聽器。當指令從元素上卸載時，我們使用removeEventListener方法移除監聽器。最后，通過在元素上使用v-scroll指令來指定處理滾動事件的處理函數。

總之，在Vue中監聽滾動事件非常簡單，只需要使用v-on指令或者自定義指令即可。關鍵是要避免內存泄漏，即在組件銷毀時移除事件監聽器。