Как грамотно использовать экземпляры классов в качестве значений параметров data во vue.js?

Есть класс:
class User {
    constructor(firstName, lastName) {
        this.firstName = firstName;
        this.lastName = lastName;
    }

    get fullName() {
        return this.firstName + ' ' + this.lastName;
    }

    getFullName() {
        return this.firstName + ' ' + this.lastName;
    }
}


Если я использую его в компоненте vue.js следующим образом
export default {
    data: () => ({
        user: new User('Иван', 'Иванов')
    })
}


, то vue.js переопределит экземпляр класса User в обычный объект, т.е. выкинет геттеры, сеттеры класса, выкинет функции класса и докинет свои геттеры и сеттеры для обеспечения реактивности. А хотелось бы сохранить возможность получать fullName. Было бы совсем идеально, если бы геттер fullName тоже стал реактивным.
  • Вопрос задан
  • 574 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
vue.js переопределит экземпляр класса User в обычный объект

ДА НЕУЖЕЛИ??!
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы