используйте стандартный класс js для создания экземпляра в vue js

#javascript #vue.js #class

Вопрос:

как я могу использовать стандартный класс js в компоненте vue js? мне не нужно ничего статичного, просто какой-нибудь обычный js-класс. если это невозможно, я не возражаю перейти к реагированию на угловой. они лучше, чем vue.js когда дело доходит до возможности повторного использования кода?

Test.js файл:

 class Test
{
    constructor()
    {
        this.a = 'test';
    }
    
    test()
    {
        console.log( "test : "   this.a );
    }
}
 

компонент vue:

 <script>
    import Test from './Test.js'
    
    export default {
        
        name:"whatever"
        
        ,mounted()
        {
            var test = new Test();
            
            test.a = "its working";
            test.test();
        }
    }
    </script>
 

когда я выполняю это в веб браузере консоль выдает следующую ошибку:
«Ошибка типа: a() не является конструктором».

как я могу заставить это работать?

спасибо за любую помощь.

Ответ №1:

Вам нужно определить класс как export default class , тогда все работает нормально.