vue引入依赖jquery的第三方插件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue引入依赖jquery的第三方插件相关的知识,希望对你有一定的参考价值。

参考技术A

近日在使用vue开发项目的时候,因需要使用到一个依赖jquery的第三方轮播图插件—— Ipresenter ,因此归纳了一个最为实用的在vue项目里引用jquery以及依赖jquery的第三方插件的方法,以下为具体使用方法。

安装jquery

新建一个vendor.js文件,再在组件里引入即可。

在需要使用的页面引入即可(如需全局引用只需要在main.js引入即可。),例如:

这样一来就成功的在vue项目里引入了jquery和依赖jquery的第三方插件。且无需配置webpack的plugins。
而且经测试发现即使通过配置webpack的plugins来引入了jquery,但是在引入插件的时候还是会报 jQuery is not defined 的错误,不信可以自己试试。

最终实现效果:

以上是关于vue引入依赖jquery的第三方插件的主要内容,如果未能解决你的问题,请参考以下文章

如何编写一个 Vue JS 内嵌组件

vue项目引入第三方js插件,单个js文件引入成功,使用该插件方法时报错

vue引入自己写的js,共用js或者引入第三方插件

uni-app 项目引入第三方js插件,单个js文件引入成功,调用该插件方法

vue中使用jquery插件

在webpack开发中引入第三方插件(vue项目)完善ing...