在Vue.js

Question

导入服务我有一个utils的服务，我想在我的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); 
    }, 

    } 

但是，我得到：

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

我怎样才能解决这个问题？使用utils服务构建我的项目对我来说非常重要。

Answer 1

此代码表示您在导入时已声明utils。所以这是宣言的一部分。但是定义呢？在定义中主要发生在代码中使用utils。所以我认为它会产生警告，说它没有被定义。你应该通过注册使用它，如Vue.use(componentname/pluginname)。这一切都应该在index.js中完成，然后应该在组件中使用

无论如何，希望这个清除你！