Gewusst wie: importieren von JS-script in vue loader-Komponente?

Habe ich eine vue-Komponente

vue-compoennt (vue-loader)

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

Und ich habe

main.js 

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

Hier habe ich das "simple alert", sondern in der Bewertung der huha() es zeigt Referenz-Fehler. Kann mir bitte jemand helfen zu verstehen, warum dies geschieht?

Bearbeiten

Ich versuche zu verwenden testimonial.js wie folgt, und ich bin immer Referenz-Fehler.

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

Es gibt "Referenz-Fehler: Testimonial ist nicht definiert"

  • Kann ich die Komponente-code?
  • Eigentlich bin ich mit vue-loader webpack in dieser app. So in vue-Komponente schreiben wir html, script und style in der gleichen Datei mit der Erweiterung '. vue-Komponente' so habe ich nicht definiert eine separate Komponente. Meine Komponente ist 'vue-Komponente'
  • module.exports funktioniert nur mit einem compilar, wie browserify. Was ist Ihr build-Prozess?
  • Ich bin mit webpack. Ich bin auch mit vue-loader
InformationsquelleAutor Ashvini Kumar | 2015-12-09
  1. 1

    Müssen Sie eine Funktion exportieren, in etwa so:

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

    Und dann in Ihnen die Komponenten Datei:

    <template>
  <p>This is a template</p>
</template>
<script>
  var main = require('main.js')
  main.huha()
</script>
    • Ich habe dies getan, aber es funktioniert nicht? Ich verlange 'testimonial.js' Bibliothek, also wenn ich 'require("testimonial")' dann verwenden Sie diese Bibliotheken Funktionen und Objekte Referenz-Fehler geworfen wird.
    • Wie genau nutzt du die Bibliothek? Jede Komponente ist beschränkt. Du bist wahrscheinlich die Referenzierung der library-out of scope.
    • Ich habe aktualisiert die Frage, Bitte haben Sie einen Blick auf die bearbeitete version der Frage
    InformationsquelleAutor Helder Lucas
Schreibe einen Kommentar