Как отключить реактивность объекта

В Vue можно отключить реактивность объекта с помощью Object.freeze(). Это предотвратит добавление новых свойств, удаление или изменение существующих.

Пример:

const nonReactiveObj = Object.freeze({
  name: 'John',
  age: 30
});

Также можно использовать markRaw() из Vue 3:

import { markRaw } from 'vue';

const obj = markRaw({
  data: 'не реактивные данные'
});

Важно: после заморозки или пометки как raw, изменения объекта не будут триггерить обновления компонента. Это полезно для больших структур данных, которые не должны быть реактивными.