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

Использование:

Объявляются в опции computed компонента.
Представляют собой функции, возвращающие вычисляемое значение.
По умолчанию работают как геттеры (только для чтения). Для записи необходимо определить сеттер.

Пример геттера:

js

Использование в шаблоне: {{ fullName }}

Пример геттера и сеттера:

js

Отличия от методов:

Характеристика	Вычисляемое свойство (computed)	Метод (methods)
Кэширование	Кэширует результат, пересчитывается при смене зависимостей	Выполняется при каждом вызове
Зависимости	Реактивные данные	Нет прямой связи с реактивными данными
Использование	Для получения вычисляемых значений	Для выполнения действий или логики
Синтаксис	Как свойство	Как функция

Что такое вычисляемые свойства и как их использовать?