2015-12-09 22 views
5

bir vue bileşenliJS betiği, vue loader bileşeninde nasıl içe aktarılır?

vue-compoennt (vue yükleyici)

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

sahip Ve

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

Burada

main.js sahip bir 'basit uyarı' almak ama huha() değerlendirirken referans erro gösteriyor r. Birisi bunun neden olduğunu anlamak için bana yardımcı olabilir mi?

ben şöyle testimonial.js kullanmaya çalışıyorum ve referans hatası alıyorum

Düzen.

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

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

Ve sonra bileşenleri dosyasında:

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

Bileşen kodunuzu görebilir miyim? –

+0

Aslında bu uygulamada vue-loader webpack kullanıyorum. Yani vue bileşeninde html, betik ve stilleri aynı dosyada uzatma ile yazıyoruz. vue-component 'bu yüzden ayrı bir bileşen tanımlamadım. Benim bileşenim 'vue-component' –

+0

'module.exports' sadece browserify gibi bir compilar ile çalışır. Yapım süreciniz nedir? – notANerdDev

cevap

0

Öyle gibi işlev vermek gerekiyor "referans hatası Takdirname tanımlanmadı"
+0

Bunu yaptım ama çalışmıyor? 'Testimonial.js' kütüphanesine ihtiyacım var, bu yüzden 'need' ('testimonial') 'yaptıktan sonra bu kütüphane işlevlerini ve nesnelerini kullanın, sonra referans hatası atılır. –

+0

@AshviniKumar Kitaplığı tam olarak nasıl kullanıyorsunuz? Her bileşen kapsamlıdır. Büyük olasılıkla kütüphaneyi kapsam dışı bırakıyorsunuz. –

+0

@YauheniPrakopchyk Soruyu güncelledim, Lütfen sorgunun düzenlenmiş versiyonuna bir göz atın –

İlgili konular