В чем разница между вычисляемыми свойствами и секцией data

Вычисляемые свойства (computed) и data во Vue.js служат разным целям.

data — это реактивные данные, которые хранят состояние компонента. Они инициализируются один раз при создании компонента и могут изменяться напрямую (через this).

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

Пример:

data() {
  return {
    firstName: 'John',
    lastName: 'Doe'
  }
},
computed: {
  fullName() {
    return `${this.firstName} ${this.lastName}`; // Обновляется при изменении firstName/lastName
  }
}

Ключевые отличия:

• data хранит исходные данные, computed — производные.
• computed кэшируется, methods/простые функции — нет.
• computed не принимает параметры (в отличие от methods).