如何在vue loader組件中導入JS腳本？

Question

我有一個vue組件

vue-compoennt（vue-loader）

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

我有

main.js

 var huha = function(){
      alert("this is huha");
    }; 
alert("this is simple alert");

在這里，我得到了“簡單警報”，但在評估huha（）時，它顯示了參考錯誤。 有人可以幫我理解為什么會這樣嗎？

編輯

我試圖使用testimonial.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>

它給出了“參考錯誤：沒有定義證言”

Answer 1

你需要導出一個這樣的函數：

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>