Как работать со сторонними модулями, как прекращать работу скрипта после переходу по другому роуту?

Question

[jeruthadam]

Привет. Подскажите как организовывать работу со сторонними библиотеками? Как их правильно загружать, как уничтожать? Вот к примеру я взял https://github.com/juliangarnier/anime

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

<script>
import anime from 'animejs'

export default {
  mounted () {
    anime({
      targets: 'div',
      translateX: [
        { value: 100, duration: 1200 },
        { value: 0, duration: 800 }
      ],
      rotate: '1turn',
      backgroundColor: '#FFF',
      duration: 2000,
      loop: true
    })
  }
}
</script>

Я пробовал это, но пишет not a function

beforeDestroy () {
    anime.destroy()
  }

Comments

[Evgeny Kulakov]

А как вы понимаете, что он еще работает?

[jeruthadam]

Evgeny Kulakov: анимация не прекращается.

[Evgeny Kulakov]

jeruthadam:
вы ее видите? вы же уходите со страницы. beforeDestroy() вызывается у компонента на котором анимация, когда вы с него уходите?

[jeruthadam]

Evgeny Kulakov: вижу, пише же)) Ухожу, но анимация применена к тегу div, который присутствует естественно и вне этого компонента. дестрой вызывавается у компонента конечно же. Но неправильно вызывается судя по всему, потому что это не функция.

[Evgeny Kulakov]

jeruthadam: а с чего вы взяли что destroy метод в принципе существует? И чего вы хотите добиться в принципе? Вы можете поставить анимацию на паузу или сделать рестарт или то и другое одновременно.

[jeruthadam]

Evgeny Kulakov: да его нету, поэтому и ошибка. Вы имеете ввиду использовать апи библы? Там кажется была пауза.

[Evgeny Kulakov]

jeruthadam: именно.

[jeruthadam]

Сделал. спс)