Загруженный скрипт domcontent не запускается после изменения страницы vue-маршрутизатора

#vue.js #vue-router

#vue.js #vue-маршрутизатор

Вопрос:

сегодня я начал свой первый проект с маршрутизатором Vue.

Я импортировал некоторый устаревший скрипт в свой компонент Vue.

Это сценарий

 export var heroAnimation = function() {  window.addEventListener('DOMContentLoaded', () =gt; {  ....  } }  

Вот как я монтирую его на компоненте

 lt;scriptgt;  import { heroAnimation } from '@/javascript/hero_animation.js'  export default {  mounted() {  heroAnimation();  }  } lt;/scriptgt;  

Все работает при первой загрузке страницы, но когда я перехожу в свое приложение с помощью маршрутизатора Vue и возвращаюсь домой, он снова не монтируется…

Можно ли добавить обратный вызов для действий маршрутизатора vue, чтобы решить эту проблему? Мне нужно позвонить еще раз

 heroAnimation();