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

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

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

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

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

js

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

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

js