在 Vue 组件中使用 CDN 库

Question

我正在尝试在我的 Vue 组件中使用 scrollreveal。

我包含了脚本标签：

<script src="https://unpkg.com/scrollreveal"></script>

在我的public/index.html 中靠近正文标签的末尾

我希望在单个文件 Vue 组件中，我可以在脚本标签中执行类似的操作：

const sr = ScrollReveal()

但是，Vue 抱怨该功能不存在。我将如何使用它？我可以说它已加载，因为在我的浏览器控制台中我可以调用此函数。但无论出于何种原因，它对 Vue 不可用，或者我调用不正确？

Answer 1

您是否有不想使用vue-scroll-reveal 的原因？

如果您不想走那条路，另一种选择是像您一样在<script> 标签中导入库，然后将其添加到原型中。

Here 是 Axios 的一个示例。