Откуда импортируются методы reactive и ref

«Откуда импортируются методы reactive и ref» — вопрос из категории Vue, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Оба метода reactive и ref импортируются из Vue 3 Composition API.

  • reactive создает реактивный объект (работает только с объектами/массивами).
  • ref оборачивает примитивы или объекты в реактивную ссылку (.value для доступа).

Пример:

import { reactive, ref } from 'vue';

const state = reactive({ count: 0 }); // Доступ: state.count
const num = ref(10); // Доступ: num.value

Разница:

  • ref универсален (подходит для любых типов), но требует .value.
  • reactive не требует .value, но теряет реактивность при деструктуризации.