На что навешивается Getter во Vue

«На что навешивается Getter во Vue» — вопрос из категории Vue, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Геттеры во Vue навешиваются на вычисляемые свойства (computed properties) в компонентах. Они позволяют динамически вычислять значения на основе реактивных данных, кэшируя результат до изменения зависимостей.

computed: {
  fullName() {
    return `${this.firstName} ${this.lastName}`;
  }
}

Особенности:

  • Автоматически отслеживают зависимости (если firstName или lastName изменятся — геттер пересчитается)
  • Не принимают параметры (для параметризованных вычислений используйте методы)
  • Кэшируются до изменения зависимостей
  • Работают и в Options API, и в Composition API (через computed())

В Composition API:

const fullName = computed(() => `${firstName.value} ${lastName.value}`);