Javascript VUE统计组件上使用的指令数

我试图计算在这样的组件上使用了多少

指令。但它并没有像我预期的那样起作用

这是我的指令文件

import ahoy from "ahoy.js"

let count = 0

export default {
  id: "bar",
  definition: {
    bind: (el, binding) => {
      const handler = (entries, observer) => {
        count++
        console.log(count)
        if (entries[0].isIntersecting) {
          setTimeout(() => {
            ahoy.track("impression", {
              ...(typeof binding.value === "object"
                ? { ...binding.value }
                : { value: binding.value }),

              page: document.title,
              path: window.location.pathname.replace(/^\/en\//g, "/"),
              class: el.classList.value
            })

            observer.unobserve(entries[0].target)
          }, 100)
        }
      }

      const createIntersection = new IntersectionObserver(handler, { rootMargin: "-45% 0%" })
      createIntersection.observe(el)
    }
  }
}

这就是我在我的组件上调用指令的方式

ReviewCard(
  v-bar="createIntersection(foo)"
)

未存储变量计数
val++

如何计算一个组件上使用了多少个指令

提前感谢：）
count++
当前位于
处理程序中，该处理程序将被传递到
交叉点观察服务器
，因此
计数只会在交叉点时增加。该更新可能应该从
处理程序
之外移动到
bind（）
调用的根目录：

导出默认值{
定义：{
绑定：（el，绑定）=>{
计数++
常量处理程序=/**/
//...
}
}
}
您似乎有意过多地减少了所有问题。请不要。你不应该改变有答案的问题。StackOverflow也希望保持良好的Q/A对。如果您有特别的原因想删除您的问题，请标记它们以引起版主的注意，并解释原因。