在 Vue 中，你可以通过以下方式监听元素的滚动事件： 1. 在模板中直接绑定事件 ```html ``` 2. 使用 Vue 的自定义指令（不常用） ```javascript // 在 Vue 实例的 directives 选项中定义一个自定义指令 directives: { scroll: { inserted(el, binding, vnode) { el.addEventListener('scroll', (e) => { binding.value(e); }); }, unbind(el) { el.removeEventListener('scroll', binding.value); } } } // 在模板中使用自定义指令 ``` 以上两种方法都可以实现监听元素滚动事件的功能。