如何加载一次 Vue 库并在任何组件中使用答案

【问题标题】：How to load Vue library once and use in any component如何加载一次 Vue 库并在任何组件中使用
【发布时间】：2018-11-20 15:49:13
【问题描述】：

我正在尝试在 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"。这样做的正确方法是什么？

【问题讨论】：

【解决方案1】：

根据代码和文档，您应该使用this.$scrollTo('#top', 1000)

【讨论】：