如何在vue js中包含jquery库以及如何调用？ [复制]

Posted 2023-02-22

【中文标题】如何在vue js中包含jquery库以及如何调用？ [复制]

【英文标题】：How to include Jquery library in vue js and how to call? [duplicate]

【发布时间】：2019-06-24 18:05:04

【问题描述】：

我正在使用 Vue js 和 laravel 所以对于前端我需要 Jquery 库 哪个是我直接包含的，但之后 Jquery 库不起作用。

包含在 Vue js 应用程序中的任何建议和好方法。 我有 Jquery 库 jquery.lineProgressbar.js

这是如何通过 Vue js 调用的

感谢大家

【问题讨论】：

初学者谢谢你，你怎么叫lineProgressbar？

当前在我的刀片文件中 跨度>

还在 vue 中调用 ffunction 挂载：function() $('#progressbar1').LineProgressbar( percent: 25 );

【参考方案1】：

一般不建议将 jQuery 与 VueJS 集成，因为它们可能会在功能上发生冲突和重叠。换句话说，你可以用 jQuery 实现的，你可以用 VueJS（它是一个前端框架）来实现。

话虽如此，如果你仍然有兴趣尝试将 jQuery 与 VueJS 集成，我相信这篇文章有答案：https://vuejsdevelopers.com/2017/05/20/vue-js-safely-jquery-plugin/

【讨论】：

我必须做很多 ui 仪表板 chaneg 这就是我使用 Jquery 库的原因。

另外这篇文章没有告诉我如何调用 Jquery 文件。我已经通过mounted调用了函数，但是什么也没发生

您是否看过文章中包含的 JSBin - jsbin.com/bepikonube/2/edit?html,js,output 。尝试将文件作为脚本包含在您的 html 中，即 <script src="https://code.jquery.com/jquery-1.12.4.js"></script>

用同样的方法做了，但是没用。