> Что такое вычисляемые свойства (computed) во Vue и для чего они нужны (Vue.js)

Вычисляемые свойства (computed) во Vue - это функции, которые возвращают производные данные на основе реактивных зависимостей (например, данных из data или других computed). Они кэшируются: Vue пересчитывает их только при изменении зависимостей, а при повторном доступе возвращает сохранённое значение без повторного выполнения логики.

Для чего нужны:

1. Упрощение шаблонов - вместо сложных выражений в {{ }} выносим логику в computed, делая код читаемым.

2. Производительность - кэширование предотвращает лишние вычисления, в отличие от методов (methods), которые выполняются при каждом рендере.

3. Реактивность - автоматически обновляются при изменении зависимостей, без ручного вызова.

Пример:

JAVASCRIPT
data() {
  return { firstName: 'Иван', lastName: 'Петров' }
},
computed: {
  fullName() {
    return `${this.firstName} ${this.lastName}`
  }
}

В шаблоне: {{ fullName }} - при изменении firstName или lastName значение пересчитается автоматически.

Важно: computed не должны иметь побочных эффектов (изменять другие данные) - это чистое вычисление. Для мутаций используйте methods или watch.