Làm thế nào để nhập khẩu tập lệnh JS trong thành phần bộ tải vue?

Question

Tôi có một vue thành phần

vue-compoennt (vue-loader)

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

Và tôi có

main.js

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

Ở đây tôi nhận được 'cảnh báo đơn giản' nhưng trong việc đánh giá huha() nó đang hiển thị tham chiếu r. Ai đó có thể giúp tôi hiểu tại sao điều này xảy ra?

Sửa

Tôi cố gắng để sử dụng testimonial.js như sau và tôi nhận được lỗi tham khảo.

<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> 

Nó được đưa ra "lỗi tham khảo: Testimonial không được định nghĩa"

Answer 1

Bạn cần phải xuất khẩu một chức năng như vậy:

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

Và sau đó trong bạn thành phần file:

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