Как загружать скрипты странице только при переходе на неё?

В Vue.js можно загружать скрипты странице только при переходе на неё с помощью динамической компоновки и динамической загрузки скриптов.

Для начала, необходимо определить маршрут в вашем файле маршрутизации (router.js). Например, вы можете создать новый маршрут с именем "my-page" и указать соответствующий компонент для него:

{
  path: '/my-page',
  name: 'my-page',
  component: () => import('@/views/MyPage.vue')
}

Затем создайте компонент для вашей страницы (MyPage.vue в данном примере) и добавьте хук жизненного цикла "created", в котором вы будете загружать необходимые скрипты:

<template>
  <div>
    <!-- Контент вашей страницы -->
  </div>
</template>

<script>
export default {
  name: 'MyPage',
  created() {
    const script = document.createElement('script')
    script.src = 'https://example.com/my-script.js'
    script.async = true
    document.body.appendChild(script)
  }
}
</script>

В приведенном выше коде мы создаем элемент 'script', устанавливаем его атрибуты 'src' и 'async' и добавляем его в тело страницы с помощью document.body.appendChild(script). Здесь 'https://example.com/my-script.js' - это URL вашего скрипта, который вы хотите загрузить только при переходе на страницу.

Теперь, когда вы перейдете на страницу с маршрутом "/my-page", скрипт будет загружаться и выполняться. Обратите внимание, что скрипт будет загружаться каждый раз при переходе на эту страницу, так как мы добавили его в метод "created", который выполняется при создании компонента.

Это один из способов загрузки скриптов только для конкретной страницы в Vue.js. Вы также можете использовать динамическую загрузку компонентов (import()) для загрузки и других ресурсов, таких как стили или шаблоны только при переходе на определенную страницу.