Как загрузить библиотеку Vue один раз и использовать в любом компоненте

Question

Я пытаюсь использовать стороннюю библиотеку в Vue CLI (а именно: https://www.npmjs.com/package/vue-scrollto). В соответствии с документацией, мне может потребоваться библиотека в моих отдельных компонентах, например:

var VueScrollTo = require('vue-scrollto')

Но я бы предпочел импортировать библиотеку один раз в мой файл main.js, а затем ссылаться на нее из объекта Vue. Из моего опыта работы с другими библиотеками я ожидал, что она будет работать следующим образом. Сначала в моем main.js:

import Vue from 'vue'
import VueScrollTo from 'vue-scrollto'

Vue.use(VueScrollTo)

new Vue({
  VueScrollTo
}).$mount('#app')

Тогда я ожидал бы, что смогу получить доступ к библиотеке в любом компоненте, подобном этому:

this.$VueScrollTo.scrollTo('#top', 1000)

Однако это приводит к ошибке "TypeError: Cannot read property 'scrollTo' of undefined". Как правильно это сделать?

Answer 1

В соответствии с кодом и документацией вы должны использовать this.$scrollTo('#top', 1000)

• https://github.com/rigor789/vue-scrollto#programatically
• https://github.com/rigor789/vue-scrollto/blob/master/vue-scrollto.js#L474