.vueテンプレートをカスタムのタグ名でグローバルにインポートする

Question

というファイルをApplication.vueという名前にしたいのですが、たとえばタグ名my-applicationを使用しています。

Vue.component()私はちょうどVue.component('my-application')のように呼び出すことができますが、テンプレート（import）を使用してコンポーネントをインポートしているので、名前を付けることはできません。

このコンポーネントをアプリケーション要素（new Vue()）にグローバルに登録する必要がある場合は、その内部要素をアプリケーション要素内で使用したいと考えています。

---

私の現在のコードのようなものです：

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

コンポーネント：

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

<script> 
    export default {} 
</script> 

Answer 1

あなたは（import x from 'x'を使用して）変数にインポートを配置する必要があり、かつVue.component(name, component)を使用してコンポーネントを登録することができます。

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

その後、コンポーネントで、あなたはそれを