1
votes

Créer un alias pour un composant vue?

Je veux renommer ou créer un alias d'un composant Vue exporté depuis l'intérieur d'un plugin.

Disons que c'est comme ça que j'utilise la bibliothèque

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

Cela expose un Composant modal pour moi. Et je veux l'utiliser partout dans mon application en tant que my-modal comment cela peut-il être fait?

P.S. Certaines bibliothèques fournissent un moyen de renommer cela, mais je veux pouvoir le changer de mon côté en raison de certaines limitations.

javascript vue.js vuejs2

3 commentaires

lorsque vous l'importez. comme import my-modal from 'vue-js-modal' puis Vue.use (my-modal);

importé comme import VModal depuis "vue-js-modal"; Je ne pense pas que ce que vous suggérez fonctionnera.

En fait, le VModal est le nom que vous donnez au composant

4 Réponses :

1
votes

Lorsque vous l'importez. Comme

Vue.use(my-modal);

puis

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

0 commentaires

2
votes

Vue.component ('mon-modal', VModal)

1 commentaires

C'est si vous souhaitez l'utiliser comme composant. Par votre description, je ne pourrais pas dire si vous l'utilisez en tant que composant ou en tant que plugin. Vous avez utilisé le mot composant dans votre description mais votre code a Vue.use (), qui est pour les plugins.

7
votes

Le nom de ce que vous importez n'a d'importance que lorsque vous importez quelque chose en utilisant des accolades , puisque vous importez des éléments spécifiques à partir de ce fichier / package / peu importe.

Si vous n'utilisez pas curly accolades, vous importez simplement tout ce qui est exporté par défaut à partir de ce fichier / package / peu importe et vous pouvez donc lui donner le nom que vous voulez.

Par exemple, quelque chose comme ça signifie "importer spécifiquement x et y de z ":

import { x as MyThing } from 'z'

Ces noms, x et y , doivent correspondre à quelque chose exporté dans z avec ces noms.

Quelque chose comme ça dit simplement "importez l'élément par défaut de z et donnez-lui l'alias MyThing":

import MyThing from 'z'

0 commentaires

1
votes

nouvelle Vue ({el: '#app', composants: {'component-a': ComponentA, 'component-b': ComponentB}}) pour plus de détails, suivez les liens https://vuejs.org/v2/guide/components-registration.html

0 commentaires