Javascript 如何在vue加载程序组件中导入JS脚本？

我有一个vue组件

vue组件（vue加载程序）

这里我得到了“简单警报”，但在评估huha（）时，它显示了引用错误。有人能帮我理解为什么会这样吗

编辑

我正试图使用以下的testional.js，我得到了一个引用错误

    <template>
      <p>This is a template</p>
      <div id="testimonial-slider"></div>
    </template>
    <script>
      require('testimonial/testimonial.js')
      require('testimonial/testimonial.css')
      var testimonial = new Testimonial('#testimonial-slider');
    </script>
    <style>
      p{
         color: red;
        }
    </style>

这是一个模板

要求（'commential/commential.js'）
require（'commential/commential.css'）
var estimonical=新的证明（“#证明滑块”）；
p{
颜色：红色；
}

---

它给出了“引用错误：未定义证明”

您需要导出如下函数：

module.exports = {
    huha: function(){
      return alert("this is huha");
    }
}; 

然后在组件文件中：

<template>
  <p>This is a template</p>
</template>
<script>
  var main = require('main.js')
  main.huha()
</script>

这是一个模板

var main=require（'main.js'）
main.huha（）

我可以看看你的组件代码吗？实际上我正在这个应用程序中使用vue loader网页包。所以在vue组件中，我们将html、脚本和样式写在同一个扩展名为“”的文件中。vue组件“所以我没有定义单独的组件。我的组件是“vue组件”

模块。导出

仅适用于编译器，如browserify。你的构建过程是什么？我正在使用webpack。我也在使用vue loaderI，但它不起作用？我需要'esticional.js'库，所以当我需要'require（“esticional”）'时，使用这个库函数和对象，然后抛出引用错误。@AshviniKumar您到底如何使用这个库？每个组件都有其作用域。您可能引用了超出范围的库。@YauheniPrakopchyk我已更新了问题，请查看问题的编辑版本

module.exports = {
    huha: function(){
      return alert("this is huha");
    }
}; 

<template>
  <p>This is a template</p>
</template>
<script>
  var main = require('main.js')
  main.huha()
</script>