在使用vue框架开发的时候 ，是非常的方便的，但是在工作中 ，还是会有遇到对接jq的部分的接口，这个时候就需要在vue的界面里面引入jQuery并使用了
1：在项目里面安装
npm install jquery --save
复制
2:在项目里面找到.eslintrc.js文件打开并进行配置
我们在env中配置 jQuery：true
3.打开项目的根目录vue.config.js文件
4：在main.js文件中导入jquery
//引入jquery
import jquery from 'jquery'
5：使用案例
使用jquery写一个点击事件
test.vue
<template>
<div class="test">
<div class="click">点我</div>
</div></template><script>export default {
name: "test",
date() {
return {};
},
mounted() {
this.text();
},
methods: {
text() {
$(".click").click(function () {
alert(1);
});
},
},};</script><style ></style>
复制
点击按钮出现alert弹框
本文转自：王小婷 腾讯云开发者社区
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
