在vue项目中引入jquery

在vue项目中引入jquery
cnpm install jquery --save
在main.js中引入,加入下面这行代码:
import 'jquery'
注:有些项目是按需加载的,在main.js里面引入不起作用
需要在对应xx.vue里面引入import $ from 'jquery'
----------------

PS E:\webcode\bigbullmobile> cnpm install jquery --save
(node:9736) ExperimentalWarning: The fs.promises API is experimental
√ Installed 1 packages
√ Linked 0 latest versions
√ Run 0 scripts
√ All packages installed (used 216ms(network 213ms), speed 24.35kB/s, json 1(5.19kB), tarball 0B)
PS E:\webcode\bigbullmobile>cnpm run dev

这种方式安装的是最新版的Jquery,如需指定版本可以在package.json文件里面修改

----------------
报错Uncaught ReferenceError: $ is not defined的解决方法
在对应xx.vue里面引入import $ from 'jquery'

 

posted @   大自然的流风  阅读(7051)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
点击右上角即可分享
微信分享提示