Ответ
Геттеры во 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}`);