Question

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

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

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

这向我展示了modal组件。我想在我的应用程序中全部使用它，因为my-modal怎么做？

P.S。某些库确实提供了重命名的方法，但是由于某些限制，我希望能够最终对其进行更改。

Answer 1

Vue.component（'my-modal'，VModal）

Answer 2

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

如果不使用花括号，则只是导入从该文件/程序包/任何内容默认导出的内容，因此可以为其指定任何名称。

例如，类似这样的意思是“从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 3

new Vue({ el: '#app', components: { 'component-a': ComponentA, 'component-b': ComponentB } }) 有关更多详细信息，请访问链接 https://vuejs.org/v2/guide/components-registration.html

Answer 4

导入时。像

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

然后

Vue.use(my-modal);