如何在Angular2中使用jQuery及其插件的方法

Posted 2023-05-13

参考技术A 按照插件的使用规则，在对应的component.html中使用插件所需要的html结构。完成上面步骤之后，我们就能在component.ts中使用插件了，不过要注意插件的声明周期，需要在OnInit模块声明该插件的初始项参数等。 参考技术B 自己写声明扩展即可,ts的interface支持扩展的,直接在你的代码文件里就可以对jquery.d.ts里的JQueryStatic和JQuery接口进行扩展: interface JQueryStatic 静态方法

如何在 Vue 组件中导入或包含 jquery 及其插件？

【中文标题】如何在 Vue 组件中导入或包含 jquery 及其插件？

【英文标题】：How do I import or include jquery and its plugins inside Vue component?

【发布时间】：2021-06-26 11:21:58

【问题描述】：

Jquery 可以通过组件内的“import”导入（在导出默认对象中），并在称为“mounted”的生命周期钩子中使用。但是当我导入像

这样的插件时

import DataTables from "@/assets/scripts/directory1/jquery.dataTables.js" 

它不起作用。有没有一种方法可以在 Vue 应用程序中包含 jquery 插件并在挂载的钩子中使用它们？我应该在哪里以及如何包含它们才能使用它们？

【参考方案1】：

包含 jQuery 及其插件的常用方法是在 HTML 中包含 script 标签。由于 jQuery 在全球范围内可用，因此您可以在任何地方使用它 - 甚至在您的 Vue 组件中。

【讨论】：

为什么你应该尝试将 Vue 和 jQ 结合起来，这超出了我的理解。不要那样做，如果你能以某种方式避免这种情况！

我尝试在 html 文件中包含脚本标签，但出现错误：“Uncaught SyntaxError: Unexpected token '

请提供更多有关您迄今为止尝试过的内容以及无效的内容的背景信息。 How to Ask