Требование JS класса внутри тега скрипта Vuejs

Question

Я пытаюсь включить JS file в Vuejs script, но не могу заставить его работать.

Файл JS

class Errors {
  constructor() {
    this.errors = {};
  }

  get(field) {
    if (_.has(this.errors, 'errors.' + field)) {
      return this.errors['errors'][field][0];
  }

}

module.export = {
  Errors: Errors
}

Vuejsфайл

<script>
  var { Errors } = require('../../classes');

  export default {
    data() {
      return {
        errors: new Errors
      }
    }
  }

Ошибки консоли

• [Vue warn]: Error in data(): "TypeError: Errors is not a constructor"
• TypeError: Errors is not a constructor

Вопрос

Как правильно включить JS file в Vuejs script?Или это невозможно?Каковы мои варианты (возможно, легко реализовать опции)?

Спасибо.

Answer 1

Я считаю, что с вашей точки зрения вы хотите загрузить внешний JS-файл или библиотеку, например Google Map, или, возможно, Jquery-скрипт для работы с Vue.

Я бы порекомендовал этот плагин, Vue Script2 https://github.com/taoeffect/vue-script2

Это работает для меня, чтобы загрузить внешние файлы javascript и очень прост в использовании.

Надеюсь, это поможет:)

Answer 2

попробуйте это:

// your class file
class Error{
  //....
}
export default Error

// vue file
<script>
import Error from 'your-path'
export default {
data() {
    return {
      errors: new Error()
    }
  }
}
</script>