Javascript 如何在vue中的npm包内触发方法？

我是Vuejs新手，我正在使用vue-countup-v2npm软件包安装它，然后将它导入我的vue组件中，当我加载页面时它工作得非常好，但关键是我想在向下滚动屏幕时调用组件countup，而不是在加载页面时。在vu-countup-v2包中，有一个名为start（）的方法，我可以触发它，但我不知道如何触发

代码如下：

---

从“vue-CountUp-v2”导入倒计时；
从“视口中”导入inViewport；
导出默认值{
姓名：“NumberAnime”，
组成部分：{
倒计时，
},
数据（）{
返回{
延误：1000，
endVal:[40300000,25000350]，
选项：{
对,，
对,，
分隔符：'，'，
十进位：'.'，
前缀：“”，
后缀：“”，
}
}
},
安装的（）{
inViewport（'elementId'，我要回调的函数'）
},
}

如果我理解正确，请使用ref-maybe-word

<CountUp
       ref="count"
/>

this.$refs.count.start()

这是。$refs.count.start（）

我为将来需要专业知识的人解决了这个问题：

在计数标签中设置一个v-if条件false，向下滚动时设置该条件true开始运行

<div id="before_count_div" class="text-4xl flex items-end">
            <CountUp
                v-if="options.begin == true"
                id="count"
                :delay="delay"
                :endVal="endVal[index]"
                :options="options"
            />
          </div>

在安装中：

mounted() {
    const el = document.getElementById('before_count_div');
    inViewport(el, () => {
      this.options.begin = true;
    })
  },

---

我已经试过了，但它不起作用。错误是：TypeError:this.$refs.count.start不是一个函数。如果有人能知道这个包是如何工作的，它非常简单，但我不知道在向下滚动页面时如何运行它。你在countup上设置了一个ref名称了吗？是的：

我有console.log（this.$refs.count.start），它是一个函数：）

options: {
        useEasing: true,
        useGrouping: true,
        separator: ',',
        decimal: '.',
        prefix: '',
        suffix: '',
        begin: false,
      }

mounted() {
    const el = document.getElementById('before_count_div');
    inViewport(el, () => {
      this.options.begin = true;
    })
  },