为 vue 组件创建别名？

Question

我想重命名或创建从插件内部导出的 Vue 组件的别名。

假设这就是我使用图书馆的方式

import VModal from "vue-js-modal";
Vue.use(VModal);

这modal向我公开了一个组件。我想在我的应用程序中使用它，因为my-modal如何做到这一点？

PS 有些库确实提供了一种重命名的方法，但由于某些限制，我希望能够在我的最后更改它。

Answer 1

导入内容的名称仅在使用花括号导入内容时才重要，因为您是从该文件/包/任何内容导入特定内容。

如果您不使用花括号，您只是导入从该文件/包/任何内容中默认导出的任何内容，因此可以给它任何您想要的名称。

例如，像这样的意思是“从 z 中专门导入 x 和 y”：

import { x, y } from 'z'

这些名称x和y需要与z使用这些名称导出的内容相对应。

然而，这样的事情只是说“从 z 导入默认的东西并给它别名 MyThing”：

import MyThing from 'z'

如果要为非默认导入命名，则需要执行以下操作：

import { x as MyThing } from 'z'

这将导入非默认的东西x并给它别名MyThing。

Answer 2

当你导入它时。喜欢

 import my-modal from 'vue-js-modal' 

然后

Vue.use(my-modal);