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

無論如何，希望這個清除你！