在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中完成，然后應在組件中使用

無論如何希望這為您清除！