वू लोडर घटक में जेएस स्क्रिप्ट कैसे आयात करें?

Question

मैं एक Vue घटक

Vue-compoennt (Vue-लोडर)

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

है और मैं

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

यहाँ

main.js है मैं 'सरल चेतावनी' प्राप्त करें लेकिन हुहा() का आकलन करने में यह संदर्भ एरो दिखा रहा है आर। क्या कोई मुझे समझने में मदद कर सकता है कि यह क्यों हो रहा है?

संपादित

मैं 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>