Vue.js 使用自定义标记名全局导入.vue模板

例如，我想将我的

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

组件：

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

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

<script>
    export default {}
</script>

试验
导出默认值{}

您必须将导入放入变量中（通过使用

从“x”导入x

），然后您可以使用

Vue.component（名称，组件）

注册组件：

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

然后，在要使用它的组件中

<template>
  <my-application>Test</my-application>
</template>

试验

太棒了！我怎么能不想到呢？我只是根据需要替换了导入

Vue.component（'my-application'，require（“…”）

@DavidRodrigues所以…是时候把这个答案标记为正确了？：）是的，我做到了！所以快速接受答案是有限制的。哦，对不起：D