Что такое вычисляемые свойства

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

Пример:

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

Ключевые особенности:

• Кэшируются (не пересчитываются при каждом обращении)
• Реактивные (обновляются при изменении зависимостей)
• Декларативные (описывают что, а не как)
• Используются как обычные свойства (без вызова как методы)

Лучше использовать для сложных выражений или преобразований данных, которые требуют вычислений.