使用自定義標記名全局導入.vue模板

Question

例如，我想將我的.vue文件命名爲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') 

然後，在組件要使用它