Импорт вспомогательного класса в компонент Vue

Question

Импорт вспомогательного класса в компонент Vue

Я хотел бы импортировать вспомогательный класс, а не вставлять логику в мой компонент. Я получаю следующую ошибку:

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

/сервисы / 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' }

    ];

  }

}

/компоненты / 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;

    }

  }

};

523 1

javascript vue-component vue.js

1 ответ:

Comments

Ничего не найдено.

Donnie · Accepted Answer · 2016-09-19 22:35:13

Следуя предложению Роя Джея, я изменил /services/NavbarService.js to:

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' }
    ];
  }
};