首页 > 解决方案 > 在 Vue 组件中使用 CDN 库

问题描述

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

我包括了脚本标签:

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

在我的 body 标签的末尾附近public/index.html

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

const sr = ScrollReveal()

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

标签: vue.js

解决方案


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

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

是 Axios 的一个例子。


推荐阅读