vue怎么调用jquery包(2)-木庄网络博客

2022-04-17 12:16:30 PHP中文网 JavaScript 百度已收录

第五步

在项目的入口文件中main.js中添加一行

1	`import $ from` `'jquery'`

引用jquery

第六步

在测试组件用例HelloWorld.vue中

添加HTML代码

1	`<h1 id="test">Test Jquery</h1>`

添加JS代码

1	`$('#test').click(function(){ alert('Test Jquery Success!');});`

第七步

npm run dev进行编译然后浏览器中输入127.0.0.1:8080

访问页面点击Test Jquery

如果弹出窗口显示Test Jquery Success!

表示JQuery引用成功

相关免费学习推荐：javascript（视频）

以上就是vue怎么调用jquery包的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

更多相关阅读请进入《vue》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者