Какая типичная ошибка при работе с computed во Vue.js и как ее исправить?

Vue.jsJuniorComposition API & ReactivityОшибка кандидатаvue|vuejs|frontend|composition api & reactivity|computed

Что хотят услышать интервьюеры:

Частая ошибка: путать ref и reactive, терять реактивность при destructuring или неправильно использовать watch вместо computed.

Ответ:

Как исправить: вернитесь к ответственности темы «computed», сделайте поток данных явным и проверьте поведение при изменении состояния.

На собеседовании: полезно назвать симптом: UI не обновляется, появляются лишние renders, stale data, memory leak, XSS-риск, плохой UX или сложность тестирования.

const fullName = computed(() => first.value + ' ' + last.value)

Источники

Похожие вопросы