L'importation de services dans Vue.js

Question

J'ai un service utils Je souhaite utiliser dans mon composant Vue:

import utils from './utils'; 

    export default { 
    name: 'grid', 
    props: { 
     'gridInit': { type: Object, require: true }, 
     'gridDataInit' : { type: Array, required: true } 
    }, 
    data: function() { 
     return { 
     gridData: [], 
     } 
    }, 
    created: function(){ 
     this.gridData = utils.transformRawData(this.gridDataInit, this.gridInit.check); 
    }, 

    } 

Cependant, je reçois:

[Vue warn]: Error in created hook: "ReferenceError: utils is not defined" 

Comment puis-je résoudre le problème? La structuration de mon projet avec les services utils est très importante pour moi.

Answer 1

Ce code indique que vous avez déclaré utils lors de l'importation. Donc, c'était la partie de la déclaration. Mais qu'en est-il de la définition? Dans la définition il y a un jeu principal se produisant autour de celui qui a déclaré que utils est utilisé dans le code. Donc, je pense que cela crée un avertissement que ce n'est pas défini. Vous devriez l'utiliser en vous inscrivant comme Vue.use(componentname/pluginname). Tout cela devrait être fait dans index.js et ensuite devrait être utilisé dans les composants

En tout cas, espérons que cela efface pour vous!