在Vue.js中导入服务

Question

我想在Vue组件中使用utils服务：

  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);
    },

  }

但是，我收到：

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

我该如何解决这个问题？ 使用utils服务构建项目对我来说非常重要。

Answer 1

此代码表明您在导入时已声明utils 。 这就是声明部分。 但是定义呢？ 在定义中，发生了主要的变化，在代码中使用了声明的utils 。 因此，我认为它会发出警告，提示它未定义。 您应该通过注册Vue.use(componentname/pluginname)来使用它。 所有这些都应在index.js中完成，然后应在组件中使用

无论如何希望这为您清除！