javascript - 如何加载 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:无法读取未定义的属性‘scrollTo’”。执行此操作的正确方法是什么？

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