Vue.js 中的 Revolution Slider jquery 插件

Question

我正在尝试将 html 项目转换为 vue 应用程序。
原始项目通过在 html 文件的 body 标记中添加 script 标记，然后将它们初始化，从而使用了革命滑块的 jquery 插件：

<script type="text/javascript" src="/static/revolution/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="/static/revolution/js/jquery.themepunch.revolution.min.js"></script>

在我的 vue 项目中添加旋转滑块的最佳方法是什么？

我已经通过 npm 安装了 jquery，并尝试将这些脚本导入到 main.js 入口点文件中。我不熟悉节点或 npm。此外，当应用程序加载时，这些脚本中的 jQuery 未定义会在控制台中引发错误，这意味着有问题。

Answer 1

最简单的方法可能是以相同的方式加载jquery（在这两个脚本标签之前）。

Answer 2

将 jQuery 导入到你的 main.js 中，然后设置 window.$

import $ from 'jquery'
window.$ = $

这将使它在全球范围内可用，因此脚本可以以标准方式使用$。