Как сделать перезагрузку компонента, срабатываемая на любой клик в любом месте сайта?

Question

[partyzanx]

Мне нужно перезагружать компонент с рекламой не чаще, чем раз в 30 секунд, и чтобы перезагрузка срабатывала при клике на любом месте сайт. Например, юзер ответил на комментарий или нажал лайк, и если дата, записанная в глобальной переменной больше чем 30 секунд, чем текущая дата, то срабатывает перезагрузка компонента с рекламой.
Вопрос именно как отследить любой клик в любом месте сайта и перезагрузить компонент?

Answer 1

[Dmitry Barkowski]

Установите ключ нужному компоненту (componentKey = 1), используя директиву :key. При клике по документу обновите компонент, увеличив значение ключа на единицу (componentKey++). Запишите время последнего клика и далее стройте логику последующего клика исходя из времени последнего нажатия по документу.

Comments

[partyzanx]

а куда принято записывать слушатель на документ во Вью? Я в ступоре немного

[Dmitry Barkowski]

partyzanx, может быть не очень удобный способ, но в mounted() document.body.addEventListener() и так далее. Не забудьте удалить слушатель в beforeDestroy().

[partyzanx]

Dmitry Barkowski, спасибо) Я пока настолько запутался во всех этих фронтенд фреймворках, что подумываю писать старым дедовским способов свои проекты на экпрессе и простом шаблонизаторе типа паг
Кажется, что эти фреймворки отбирают мою свободу творчески думать)

[Dmitry Barkowski]

partyzanx, пожалуйста. Фреймворки это просто удобный инструмент, использовать его или нет это уже дело личное.

[partyzanx]

Dmitry Barkowski, ну если работу искать, то обязательно знать) либо фронт, либо бэкенд фреймворки)

Answer 2

[Алексей]

Force re-render = https://michaelnthiessen.com/force-re-render/
А клик = нативное js событие.