Повторное выполнение сценария в javascript без повторного вызова сервера

Question

Я разрабатываю веб-страницу в Vue с Laravel в качестве бэкэнда.

У меня есть page A, для которого требуется script A после загрузки страницы. Теперь я перехожу к page B, который также требует сценария A после загрузки страницы.

Теперь script A вызывается в компоненте, который есть на обеих страницах.

Что делает скрипт A, он ищет div с идентификатором some_id и добавляет к нему HTML. Теперь, когда я перехожу на страницу B id, больше не существует на странице, но когда я возвращаюсь на страницу A, этот сценарий должен быть повторно выполнен.

Я хочу, чтобы это работало без повторного вызова на сервер. Как мне этого добиться?

Answer 1

Пожалуйста, не делай этого! То, что вы описываете, является сущностью спагетти. В идеальном мире компоненты, которые разделяются между страницами, не должны зависеть от вещей на главной странице, например, идентификаторов. Они должны быть самодостаточными и вызываться. В этом идеальном мире скрипты не добавляют HTML. Вы должны попытаться провести четкое разделение между кодом и разметкой. В Vue это означает наличие всей вашей разметки в шаблонах.

Тогда, в связи с вопросом об избежании второго сетевого запроса, является ли дублирующий запрос для скрипта или это запрос скрипта для некоторых данных? Можете ли вы достичь желаемого, установив заголовки кэширования на ресурсе? Если нет, подумайте об использовании содержащего iframe для сохранения некоторого состояния между загрузками страниц.