Создать псевдоним для компонента vue?

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

Имя того, что вы импортируете имеет значение, только когда вы импортируете что-то с помощью фигурных скобок , так как вы импортируете определенные вещи из этого файла / пакета / чего угодно.

Если вы не используете фигурные скобки, вы просто импортируете все, что экспортируется по умолчанию из этого файла / пакета / чего угодно, и поэтому можете присвоить ему любое имя по вашему желанию.

Например, что-то вроде этого означает «импортировать конкретно x и y из z»:

import { x, y } from 'z'

Эти имена x и y должны соответствовать чему-то, экспортированному в z с этими именами.

---

Что-то вроде этого, однако, просто говорит «импортировать вещь по умолчанию из z и дать ей псевдоним MyThing»:

import MyThing from 'z'

---

Если вы хотите присвоить импорту имя по умолчанию, вам нужно сделать что-то вроде этого:

import { x as MyThing } from 'z'

Это импортирует вещь не по умолчанию x и присвоит ей псевдоним MyThing.

Answer 3

При импорте.Как

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

тогда

Vue.use(my-modal);