Importieren von .vue Vorlage global mit einem benutzerdefinierten Tagname

Question

Ich möchte meine .vue Datei als Application.vue, zum Beispiel, aber mit dem Tagname my-application.

Mit Vue.component() kann ich nennen wie Vue.component('my-application'), aber wie ich meine Komponente mit Vorlage (von import) am Import, dann kann ich nenne es nicht.

Ich möchte, dass diese Komponente global auf meinem Anwendungselement (von new Vue()) registriert werden, dann möchte ich dieses innere Element in meinem Anwendungselement verwenden.

---

Mein aktueller Code ist so etwas wie:

import "vue/Application.vue"; 
new Vue({ el: appNode}); 

Komponente:

<template> 
    <div>Test</div> 
</template> 

<script> 
    export default {} 
</script> 

Answer 1

Sie haben Ihre Import in eine Variable setzen (durch import x from 'x' verwendet wird), und Dann können Sie Vue.component(name, component) verwenden, um die Komponente zu registrieren:

import Application from 'vue/Application.vue' 
Vue.component('my-application', Application') 

Dann in der Komponente, wo Sie wollen es