Vueコンポーネントのヘルパークラスをインポートする

Question

コンポーネント内のロジックをインライン展開するのではなく、ヘルパークラスをインポートしたいと思います。ロイ・Jの提案に続き

http://eslint.org/docs/rules/no-unused-vars 'NavbarService' is defined but never used 

---

/services/NavbarService.js

class NavbarService { 
    constructor (init) { 
    this.init = init; 
    } 

    static applications() { 
    return [ 
     { name: 'Administration' }, 
     { name: 'Standard' } 
    ]; 
    } 

    static views() { 
    return [ 
     { name: 'Providers', path: '/providers' }, 
     { name: 'Authorities', path: '/authorities' }, 
     { name: 'Services', path: '/services' }, 
     { name: 'Codes', path: '/codes' } 
    ]; 
    } 
} 

/components/Navbar.vue

import NavbarService from '../services/NavbarService.js'; 

export default { 
    data() { 
    return { 
     versionIsVisible: false, 
     version: '2.0.0', 
     applications: NavbarService.applications(), 
     views: NavbarService.views() 
    }; 
    }, 

    methods: { 
    showApplications: function() { 
     this.applications = NavbarService.applications(); 
     this.views = []; 

     return; 
    } 
    } 
}; 

Answer 1

：私は次のエラーを取得します、私は変更しました/services/NavbarService.js：

export default { 
    applications: function() { 
    return [ 
     { name: 'Administration' }, 
     { name: 'Standard' } 
    ]; 
    }, 

    views: function() { 
    return [ 
     { name: 'Providers', path: '/providers' }, 
     { name: 'Authorities', path: '/authorities' }, 
     { name: 'Services', path: '/services' }, 
     { name: 'Codes', path: '/codes' } 
    ]; 
    } 
};