vue2.5+中如何使用jquery，未使用webpack打包工具

最新推荐文章于 2025-01-17 21:16:38 发布
原创 最新推荐文章于 2025-01-17 21:16:38 发布 · 1.1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue

本文介绍如何在Vue项目中引入并使用jQuery。首先通过npm安装jQuery并将其添加到package.json依赖中，然后在main.js文件中导入jQuery并将其挂载到window对象上。

vue版本：“vue”:"^2.5.16"
1、执行命令 npm install --save jquery
 将jquery添加到packages.json文件下的 dependencies字段下面；
   dependencies: {
            “jquery”:"^3.3.1",
}
 2、在main.js中加下如下代码

  import $ from "jquery"

  window.$ = $；
详解如何使用webpack打包多页jquery项目
10-17
主要介绍了详解如何使用webpack打包多页jquery项目，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Nodejs+ES6+NPM+Babel+模块化+webpack
weixin_54236608的博客
03-28 462
大前端一、Nodejs1.引入库2.读入数据 一、Nodejs Nodejs下载链接 Nodejs是一门服务端的语言，是解释型语言，不需要编译，运行在V8（jvm）引擎中，运行的命令是：node；后缀是js 在vscode中终端运行，先保存，可以tab键自动补全 1.引入库 代码如下（示例）： import numpy as np import pandas as pd import matplotlib.pyplot as plt import seaborn as sns import warni
【vue】在不使用webpack时,引用jquery
qq_46057971的博客
10-28 351
3.打开packages.json文件在里面添加jquery。1.npm/cnpm安装jquery依赖。2.安装完成看jquery版本号。4.在main.js里引入。
Vue2不使用webapck等打包工具异步加载
CGod
12-26 860
原因 vue2的学习成本低，如果团队的技术能力不是特别强的话用vue还是可以很快上手的，现在前端各种webapck/gulp/cli等等的工具看着挺懵逼的，因为不是专业的纯前端开发，搞这些玩意儿会很费劲，就是用上了还得考虑一下团队成员是否能搞定，最近有个小项目因为是要放在java项目中去的，去集成webpack就呵呵呵了 我简单的搞了一个vue2的框架，没有全家桶，还有requirejs用的不多
vue项目中使用jquery，全局引入不生效
weixin_41506373的博客
05-11 1921
按照网上的方法在webpack.base.config.js中配置全局引入jquery一直不生效 // 增加一个plugins plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery" }) ], 网上的教程也没有说明为什么会这样，后来发现重新npm run dev，重新启动项目才会生效。 ...
在vue里如何使用jQuery的插件？
王铁柱666的博客
10-25 492
在Vue中使用jQuery插件可能不是最佳实践，因为Vue是一个现代JavaScript框架，它有自己的方法和工具来处理DOM操作和组件交互。一旦你引入了jQuery和插件，你就可以在Vue组件的方法或生命周期钩子中使用它们了。在你的Vue组件中，你可以通过import语句引入jQuery和所需的插件。总之，虽然可以在Vue中使用jQuery插件，但通常建议尽量避免这样做，并优先使用Vue自己的方法和工具来处理DOM操作和组件交互。首先，确保你已经在项目中安装了jQuery和所需的插件。
【实战篇】基于vue-cli创建的项目进行打包优化
Equicy的博客
08-02 2663
一、前言 阅读完该文章大概需要2.5min。 读完该篇文章你能学到 vue-cli默认做了哪些优化？ 在cli的基础上我们又能做哪些优化？ vue.config.js中如何配置一些常用的plugin和loader vue-cli的出现，让我们省掉了配置webpack的时间。也就是说，一个不懂webpack的人，也能直接上手开发。比如file-loader, url-loader会提前为我们配置好。 性能方面，vue-cli也默认尽可能多的帮我们做了优化，比如cache-loader会在项目
Webpack生成企业站静态页面 - 项目搭建
觉醒法师的专栏
03-26 1811
现在Web前端流行的三大框架有Angular、React、Vue，很多项目经过这几年的洗礼，已经都 转型使用这三大框架进行开发，那为什么还要写纯静态页面呢？比如Vue中除了SPA单页面开发，也可以使用nuxt.js实现SSR服务端渲染，满足SEO优化。但是对于那些还是在维护老项目，使用MVC、MVP进行开发，或者觉得使用nuxtjs成本较高小型项目，从历史原因和项目实际情况考虑，会退而求其次，让前端快速完成页面框架和样式，交付后端进行数据渲染。
一文大白话讲清楚啥是个webpack
最新发布
xiaobangkeji的博客
01-17 1113
一文大白话讲清楚啥是个webpack
前端常见知识点汇总(ES6，Vue，axios，Node.js，npm，webpack)
m0_67402914的博客
06-21 707
有了前后端的相关的知识，我们就从0到1写一个前后端分离项目了， 后面会继续更新谷粒学院项目。 敬请期待！！！ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。一个常见的问题是，ECMAScript 和 JavaScript 到底是什么关系？要讲清楚这个问题，需要回顾历史。1996 年 11 月，JavaScript 的创造者 Net
判断当前所处环境是否处于小程序还是微信（判断当前页面是否是由小程序进入的）
学而时习之，不亦说乎。
02-28 2106
1. 首先用小程序自带的方法判断 window.__wxjs_environment === ‘miniprogram’ 为true即为小程序入口进入的页面 可是 安卓次方法无效 function wxProgramExec(fn) { var url = location.search; if(window.__wxjs_environment === ‘miniprogram’ || url...
Vue2.5学习笔记10.3 打包交给后端
@凌晨三点半的博客
04-11 618
执行 npm run build 命令完成后会生成 将这两个目录丢给后端就完事了。 不过有要求 必须要放在根目录下 也就是说 XXX:80/ 这个根目录 如果不想这样想单独建一个目录然后给访问那就需要去修改下 build: { // Template for index.html index: path.resolve(__dirname, '....
webpack打包多页面的方式
weixin_33966095的博客
12-09 379
一开始接触webpack是因为使用Vue的关系，因为Vue的脚手架就是使用webpack构建的。刚开始的时候觉得webpack就是为了打包单页面而生的，后来想想，这么好的打包方案，只在单页面上使用是否太浪费资源了呢？如果能在传统多页面上使用webpack，开始效率是否会事半功倍呢？好在众多优秀的前端开发者已经写了许多demo和文章供人学习。我也写了一个小项目，希望对大家学习webpack有帮助。 ...
vue2.5打包出来的背景图的路径问题
Zhooson的博客
12-12 383
解决办法为：只需要在build/utils.js文件中添加如下一行代码即可。
vue项目中如何使用jquery
qq_49173190的博客
06-16 1701
学习笔记
如何在vue中使用jquery？
weixin_45468454的博客
05-21 2782
在vue项目中使用jquery 1、首选通过npm安装jquery npm install jquery --save 2、在build/webpack.base.conf文件当中引入jquery（需要注意的是vue2和vue3配置可能有些差别，这里用的是vue2.X） module.exports = { ... resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/v
Vue 2.5 调用 jquery 实现动画效果 和 jquery 冲突解决
kimizhou_blog的专栏
04-24 506
Vue jquery 动画效果
如何在Vue项目中正确的引入JQuery
RotatingBlock的博客
12-30 2万+
如何在Vue项目中正确的引入JQuery
Vue+Webpack引入Jquery第三方插件,jQuery is not defined 错误,解决方案
热门推荐
SImon_Lee的博客
05-12 3万+
前言：由于对webpack的了解有限，所以在项目部署出现许多问题 一、webpack使用ES6语法，第三方js可以引入通过import，可以通过npm 配置到项目中或者直接下再加入项目js文件中 首先无论require还是import，都不是webpack的发明，它们是已经存在于世的不同的模块化规范(目前都不能直接运行于浏览器,于是需要通过webpack在配合各种plugin、loader将其
为Laravel应用集成jQuery与jQuery-UJS的便捷包
在Laravel中，虽然官方推荐使用Axios或原生Fetch API结合Vue/React进行现代前端开发，但仍有大量传统项目依赖于基于jQuery的交互逻辑，尤其是在维护旧系统或快速原型开发时。因此，jquery-laravel提供的jQuery UJS...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值