vue项目中能不能引jquery
发表于:2024-09-21 作者:千家信息网编辑
千家信息网最后更新 2024年09月21日,小编给大家分享一下vue项目中能不能引jquery,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!vue项目中能引jquery,其引入方法是:1、修改package.json;2、在终
千家信息网最后更新 2024年09月21日vue项目中能不能引jquery
小编给大家分享一下vue项目中能不能引jquery,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!
vue项目中能引jquery,其引入方法是:1、修改package.json;2、在终端里输入npm install,导入依赖;3、修改webpack.base.conf;4、在组件中引入jquery即可。
本文操作环境:windows7系统、jquery2.2.3版、DELL G3电脑
在vue项目中引入JQuery
用vue-cli脚手架工具构建项目成功后 当需要引入JQ,可用以下方法:
修改package.json
首先在package.json里的dependencies加入"jquery" : "^2.2.3"
当然你可以修改你想引入的版本,这里引入2.2.3
导入依赖
在终端里输入npm install,导入依赖。
修改 webpack.base.conf
代码如下 ,看图修改;
var webpack = require("webpack")
plugins: [ new webpack.ProvidePlugin({ $:"jquery", jQuery:"jquery", "windows.jQuery":"jquery" }) ],
在组件中引入jquery,进行使用
我们想在哪个组件中使用jQuery库,首先要使用如下命令引入jquery,然后就可以正常使用了
这里我们在main.js里面进行全局引入
import $ from 'jquery'
测试使用:
先重新启动应用:npm run dev 刷新页面
看完了这篇文章,相信你对"vue项目中能不能引jquery"有了一定的了解,如果想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!
项目
组件
方法
篇文章
终端
输入
成功
代码
全局
命令
完了
工具
更多
版本
环境
电脑
知识
系统
脚手架
行业
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
保证网络安全有什么措施
无线传感器网络技术分析论文
贵州省国家网络安全知识竞答
2008弹出服务器管理器
数据库代码优化是dbms完成吗
我的世界高效刷怪塔服务器网易版
软件开发中职学费
深圳快易搜网络技术有限公司
重庆服务器电源哪种好
数据库技术第四章
区间测速软件开发
字体管理软件开发
达梦数据库如何更改授权
数据库连接函数的封装
结算系统数据库
荔枝网络技术校园招聘
大学生网络安全教学设计
我的世界网易版租赁服务器指令
籍贯湖南或湖北的学生数据库
网络管理服务器培训
win10自带数据库
坦克世界哪个服务器最好玩
开传奇用什么服务器
海南浩然网络技术
sql数据库获取十条数据
网络安全宣传金融
抖音下载幻塔是什么服务器
北京亿维视讯网络技术
危害网络安全的活动包括
设置数据库的超时时间