vue自定义指令来监听某个div滚动事件，实现一个demo

好的，下面是一个简单的demo：

首先，在Vue组件中，我们可以通过`v-directive`指令来定义一个自定义指令：

<template>
  <div v-scroll="handleScroll">我可以滚动</div>
</template>

<script>
export default {
  directives: {
    scroll: {
      inserted(el, binding) {
        const { value } = binding;
        el.addEventListener('scroll', value);
      },
      unbind(el, binding) {
        const { value } = binding;
        el.removeEventListener('scroll', value);
      }
    }
  },
  methods: {
    handleScroll() {
      console.log('div滚动了');
    }
  }
}
</script>

在上面的代码中，我们定义了一个`v-scroll`指令，当我们在组件模板中使用该指令时，会自动调用`scroll`指令中的`inserted`方法，将对应的事件监听绑定到指定的DOM元素上，当DOM元素滚动时，会触发绑定的事件处理函数。

在上面的代码中，我们定义了一个`handleScroll`方法来处理滚动事件，当滚动事件发生时，会在控制台输出`div滚动了`的提示信息。

当组件被销毁时，`scroll`指令中的`unbind`方法会自动解除对应的事件监听，避免出现内存泄漏的问题。