vue2.0脚手架中引入jquery

最新推荐文章于 2023-11-10 17:25:46 发布
最新推荐文章于 2023-11-10 17:25:46 发布
阅读量1.2k 收藏 2
点赞数
分类专栏： vue脚手架中引入插件 文章标签： jquery vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/blue_5_3/article/details/121016281
版权
本文详细介绍了如何在Vue2.0项目中引入jQuery。首先通过npm安装jQuery，然后修改webpack配置文件，包括在alias和resolve中添加相应配置。最后，在main.js文件中导入jQuery并启动服务器。
摘要由CSDN通过智能技术生成

第一步：安装jquery

npm install jquery --save

        检查是否安装成功

 

第二步：修改webpack配置文件

        文件目录及名称：build/webpack.base.conf.js

        在文件开头添加

const webpack = require('webpack')

 然后在该文件后面的module.exports里面的alias中添加

'jquery':'jquery'

最后在module.exports里面的resolve的后面添加

plugins:[
    new webpack.ProvidePlugin({
      $:'jquery',
      jQuery:'jquery'
    })
  ]

第三步：在main.js文件中引入

最低0.47元/天 解锁文章
blue_5_3
关注
专栏目录
VUE—安装并使用jquery（图文详解）
Poppy_LYT的博客
07-29 1081
VUE—安装并使用jquery 第一步： 终止运行项目 点击图片标记处即可关闭 第二步：右键package.json–Open In Terminal 第三步：输入指令cnpm install jquery --save-dev 注意：mac需要在前面加上sudo并输入密码 出现图片所示内容即下载成功 第四步：修改build文件夹中webpack.base.conf.js的内容，双击打开即可...
Vue中引入Jquery
qq_36303832的博客
06-27 2326
本次系统分析与设计的大作业中，我负责前端开发部分，我们使用的前端框架是Vue，然后在写代码的时候发现某些需要动态调整页面UI的时候需要js来控制页面，但是没有jQuery的话又十分难写，所以就学习了如何在Vue中引入jQury。 1、首先在package.json里的dependencies加入”jquery” : “^3.2.1”（版本号可以在网上查） 我们的项目运行是跑dev分支，所以在我...
在Vue项目里正确地引用jQuery插件
热门推荐
HeliumLau的博客
04-20 3万+
正文1.安装jquery依赖npm install jquery --save2.修改两处配置文件module.exports = { // 其他代码... resolve: { extensions: ['', '.js', '.vue'], fallback: [path.join(__dirname, '../node_modules')], a
vue2.0装jquery
weixin_34214500的博客
12-04 448
1.在项目目录下 cnpm install --save jquery 2.在webpack.base.conf.js中加入 var webpack = require('webpack') 3.在plugins中加入 new webpack.ProvidePlugin({ $:'jquery', jQuery:'jquery', ...
在新的vue2项目中配置jquery
double_yellow的博客
03-20 1995
安装后，内容会出现在node_modules 文件夹和 package-lock.json文件（里面记录了express中的内容下载的地址、版本等等）中。npm不用单独安装，安装完node，npm默认就安装好了。本地安装的都是能够直接使用的模块，他们不是命令，是类似于 fs 等可以通过 require() 加载的模块。Node安装过后，就可以使用一些模块，比如fs、path、http，这些是第三方库，不是官方写的。全局安装的一般都是命令，所以全局安装的模块，在任何文件夹都可以调用这个命令。
vue引入JQ的方法
alifj9932的博客
03-18 809
在vue中引入jq 用vue-cli脚手架工具构建项目成功后 当需要引入JQ，可用以下方法： 1.首先在package.json里的dependencies加入"jquery" : "^3.2.1"， 2.在终端里输入npm install jquery --save-dev当然用 淘宝镜像cnpm也是可以的 注意：jquery 一定要小写 不然会提...
vue项目怎么全局引入jquery
qq_45067263的博客
11-01 1699
项目场景： vue项目怎么引入jquery 使用jq的时候报错$ is not defined 在main.js中引入后，组件内使用$报$未定义，只有在组件中import $ from 'jquery'才可以太麻烦 配置都可以的直接看解决方案，没配置的从头来 首先看有无配置webpack package.json里面搜索webpack，没用的话安装 webpack npm install webpack --save-dev(在本地安装) 配置的有weibpack，但是没有webpack.base.con
Vue2.0 --- vue-cli脚手架中全局引入JQ
删库跑路
10-01 1794
在使用Vue过程中或许下有一些插件出现BUG或者因为一些插件只有JQ有，而不得不在Vue中引入JQ，那么下面就是JQ全局引入的方法 第一步：安装jQuerynpm/cmpn方式安装(默认安装1.7.X版本的JQ)npm/cnpm install jQuery如果想安装更高版本的JQ那么可以选择在package.json文件下面这个位置添加代码断（当前图片安装的是2.2.3版本，如果想安装更高或者其他
快速搭建vue2.0+boostrap项目的方法
12-02
总结一下，快速搭建Vue 2.0+Bootstrap项目的关键步骤包括使用Vue CLI初始化项目，安装jQuery和Bootstrap，然后在`main.js`中引入它们的资源。最后，通过创建一个带有Bootstrap样式的按钮和模态窗口来验证集成是否...
vue-cli脚手架引入弹出层layer插件的几种方法
10-16
注意，确保引入jQuery的版本不低于1.8，因为layer.js需要此版本或更高版本才能正常工作。 #### 使用 一旦资源被正确引入，你可以在Vue组件中直接使用`layer.open`等方法。 ### 2. 修改layer.js源码并按需导入 ##...
【vue2】vue2中引入jquery
NineWaited的博客
05-23 1975
vue2中引入jquery
亲测！vue2版本下安装与配置Jquery实现翻书效果
最新发布
lyaxuanl的博客
11-10 572
vue2安装配置jQuery,结合turn.js实现翻书效果
vue-cli2中引入及使用jQuery
weixin_43422861的博客
02-20 1358
1、安装 jQuery npm install jquery --save 2、webpack配置 在build文件夹下找到webpack.base.conf.js文件，在开头第一行使用以下代码引入webpack，因为该文件默认没有引用。 const webpack = require('webpack') 在module.exports中添加一段代码 plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery:
关于Vue2.0中引入jQuery
rice__pudding的博客
07-21 2249
1.npm i jquery -S 2.在vue.config.js（无该文件的在根目录创建该文件）中配置 添加configureWebpack中的内容 var webpack = require("webpack") module.exports = { publicPath: "./", lintOnSave: false, devServer: { open: true, host: 'localhost', port: 8080
vue脚手架项目中引入jquery
weixin_34246551的博客
03-15 1398
第一步：安装jquery npm i jquery -S 复制代码 找到脚手架build文件夹下的webpack.base.conf.js文件，在最上方添加： var webpack=require('webpack') 复制代码 找到脚手架build文件夹下的webpack.base.conf.js文件，module.exports中加入插件 plugins: [ new w...
Vue2.0 引用插件
ALSNEI的博客
01-12 1276
vue2.0正确地引用 jquery 和 jquery-ui的插件出自: http://www.itnose.net/detail/6647297.html使用vue-cli构建的vue项目，webpack的配置文件是分散在很多地方的，而我们需要修改的是build/webpack.base.conf.js，修改两处的代码// 在开头引入webpack，后面的plugins那里需要 var webpa
vue-cli中引入Jquery，使用$get
lixinhui2323的博客
05-22 422
是找不到这个webpack.base.conf.js文件，这时，vue.config.js==webpack.base.conf.js。注：有的博客里是修改webpack.base.conf.js这个文件，如果你当初使用的是vue-cli。可以在main.js中导入如下红框内容试试（但是不确定对不对），直接在vue.config.js里面修改就好了。这个肯定在vue3/vue-cli中肯定是不对的。自此完成jQuery的引入和配置。安装成功能看见版本信息如下。有的文章导入的是这个。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值