jq和vuejs是否可以结合使用
发表于:2024-09-22 作者:千家信息网编辑
千家信息网最后更新 2024年09月22日,这篇文章主要介绍jq和vuejs是否可以结合使用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!jq和vuejs可以混用,方法:1、利用npm工具安装jquery;2、配置"we
千家信息网最后更新 2024年09月22日jq和vuejs是否可以结合使用
这篇文章主要介绍jq和vuejs是否可以结合使用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
jq和vuejs可以混用,方法:1、利用npm工具安装jquery;2、配置"webpack.base.conf.js"和"module.exports"文件;3、在"main.js"中,用"import 'jquery'"引入jq即可。
本教程操作环境:windows7系统、vue2.9.6版,DELL G3电脑。
有时候只要想到要用的 vue.js 的时候就会惯性的想起用vue-cli手脚架搭建一个项目,但是有时候的业务场景并不适合用vue-cli手脚架,这个时候使用vue+jquery混合使用,把他们的优点结合起来使用会大大提升开发效率。
vue项目使用jquery的方法
1、安装jquery。
进入项目根目录下运行:npm install jquery --save
项目的package.json会自动添加依赖信息
2、webpack配置
找到项目的build目录中的webpack.base.conf.js文件,引入:var webpack = require('webpack')
然后在module.exports中添加一段代码,
resolve: {....},//添加jqueryplugins: [ new webpack.optimize.CommonsChunkPlugin('common.js'), new webpack.ProvidePlugin({ jQuery: "jquery", $: "jquery" }),],module: {.....
3、找到项目的main.js,添加以下代码:import 'jquery'
这样使用npm run dev
重新运行项目
测试,亲测成功
....jqueryTest(){ console.log($("form"))}
以上是"jq和vuejs是否可以结合使用"这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!
项目
代码
内容
手脚
文件
方法
时候
有时候
篇文章
运行
配置
不适
成功
业务
价值
优点
信息
兴趣
场景
小伙
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
东华软件网络安全防护
机房dns服务器是啥
2020我国面临的网络安全形势
软件开发外包项目什么是项目外包
sql数据库无法附加
美国农业部 数据库
彩虹六号哪个服务器好
mt4 服务器租用
软件开发-查询一体机
广东数据链软件开发市价
数据库如何查询字段乱码
做网络安全工作怎么样
网络安全实时监控表格
服务器管理器加载不出
等保网络技术
江苏科源网络技术
网络安全法律知识答题活动
关于网络安全渗透的实例
爱抖杭州互联网科技公司
10月1购买服务器
三级网络技术证书含金量
内网服务器可以获取访问者ip吗
网络技术的象征图案
ssm的用的数据库技术
我的世界怎么实现服务器功能
阜阳科技职业学院互联网学院
杨浦区质量软件开发项目信息
网络技术共享合作协议
埃森哲会做软件开发吗
如何做好数据库产品测试