vuejs 2 Wie füge ich Kindkomponente ohne npm hinzu

Question

Ich benutze vuejs2 und möchte eine Komponente an meine Hauptkomponente anhängen. Jetzt kann ich so etwas wie diese:

var Component ={ 
    template: '<div>1</div>' 
}; 

Allerdings mag ich die Sache in Vorlage eine Teil html aus einem anderen Verzeichnis sein, wie Vorlage: ‚../../ com/a.html‘, Ich habe X-Template gehört, weiß aber nicht, wie ich es benutzen soll. Gibt es auch eine andere lib als webpack/browserify/npm-Serie, die ich direkt verwenden kann, indem ich das Skript am Ende von html hinzufüge?

Answer 1

Sie haben Ihre Template-Datei als

/* yourPath/name.template.html */ 

<div class="myClass"> 
    1 
</div> 

Dann in der Komponentendatei, können Sie wie folgt vorgehen:

export default { 
    template: require('yourRelativePath/name.template.html'), 
    data: function() { 
     return { 
     }; 
    } 
}