Как принудительно остановить отрисовку всех vuejs компонентов?

Question

[Артём Новолодский]

Как выключить vue js на странице ? Чтобы ничего не перерисовывается при изменении реактивных данных. Отключить перерисовку виртуального DOM и т.д.

Answer 1

[Дима Паутов]

Удалить его с страницы)))). Что за чушь?)))
Он весь и построен на реактивности, сама его суть в этом. А вы хотите эту суть просто выключить. Зачем вам это?
Может просто опишите проблему, что вас мучает и найдётся решение

Comments

[Артём Новолодский]

Ну вот надо чтобы до перезагрузки страницы интерфейс "замер".

app.$destroy() подходит.

[Дима Паутов]

Артём Новолодский, ну это не реактивность отключает, а просто сам экземпляр уничтожает. Проблему вашу решает, но вы описали вопрос несколько иначе))

[Артём Новолодский]

Дима Турков, а я и не говорил что мне надо отключить реактивность. Мне нужно было сделать так, чтобы компонент не реагировал на изменение реактивных данных) Но как частный случай, отключение реактивности бы тоже подошло.

[Дима Паутов]

Артём Новолодский,

Чтобы ничего не перерисовывается при изменении реактивных данных

- это оно и есть, реактивность))

[xaseros]

У меня похожая проблема. Нужно дождаться пока загрузятся массивы с данными, а у же потом перерисовывать содержимое страницы.

Сразу выгрузить все данные на страницу, предлагать не надо, там очень большой объем и первая загрузка будет непозволительно долгой. Ну или например загрузка данных происходит в несколько этапов.

Мне нужно чтобы vue на это время, пока весь процесс синхронизации данных не закончится, оставался неизменным, не смотря на то что над его наблюдаемыми элементами производят манипуляции.

[Артём Новолодский]

xaseros, ну можно данные загружать не в data а в нереактивное поле. А после окончания загрузки перекинуть в реактивное.

Answer 2

[Илья Мясин]

Ну вот надо чтобы до перезагрузки страницы интерфейс "замер".

Попробуйте примерно так:

const appNode = document.querySelector('#app');
appNode.innerHTML = appNode.innerHTML;

По идее обработчики событий должны пропасть, а компоненты потеряют связь с DOM и всякие отложенные действия перестанут работать. Но это не точно =)