使用自定义标记名全局导入.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

您必须将导入放入变量（使用access_codes），然后您可以使用import x from 'x'注册该组件：

Vue.component(name, component)

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

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