Vue3引入JQuery

1.npm引入JQuery：

npm install --save jquery@1.*

2.npm引入社区提供的申明文件：

npm install @types/jquery --save-dev

3.vue.config.js配置插件：

const webpack=require('webpack');

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

4.tsconfig.json配置：

"types": ["...",//其他配置项"jquery"  //这里
],

5. .eslintrc.js配置：

env: {...//其他配置jquery: true
},

6.使用：

$('p.').click(()=>{alert('引入完成')})

Vue3引入JQuery相关推荐

Vue3.0引入Jquery
Vue3.0引入Jquery 停掉vue服务 1.找到main.js加上一句话:import $ from 'jquery' 2. 输入下载指令:jquery npm install jquery - ...
Vue笔记——Vue组件中引入jQuery
Vue笔记--Vue组件中引入jQuery 如果想在普通的HTML页面引入jQuer库的话,直接使用<script src="jQuery.js"></scrip ...
vue学习笔记十：Vue中引入jquery
文章目录前言一.引入方式 1.使用Vue CLI 创建的项目 2.直接引入vue方式的项目二.使用方法 1.使用Vue CLI 创建的项目 2.直接引入vue方式的项目总结前言本篇实现vu ...
vue中引入jquery报错问题
vue-cli搭建的vue项目中使用到jquery插件,需要引入jquery, 在无任何配置的情况下,直接在组件中import引入,在mounted时候打印$ 会显示undefined报错问题, 感觉 ...
引入jQuery后$冲突的解决办法
网站开发中的javasript部分,现在的开发人员很少有再去手工写document.getElementById()的了吧,那还不得累死,你还真别说,getElementById还真不好写,字母还挺多 ...
在html中引入jQuery包的方法
引入jQuery包有两种方法 1.服务器本地库的引入就是去官网下载好jQuery的js文件,将其放到自己项目工程目录下好处:不用网络即可加载本js文件 2.CDN远程库的引入好处:可以减轻服务器 ...
webpack 引入jquery和第三方jquery插件
1.引入jquery jQuery 直接在 html 中引入,然后在 webpack 中把它配置为全局即可. index.html: <!DOCTYPE html> <html> ...
php中引入jquery文件_WP模板开发中，怎样给wordpress网站的文章，添加点赞功能？...
我们在网上浏览某些网站的文章时,在文章的结尾处,都会有一个点赞的按钮,如果觉得文章内容非常不错,就可以点击这个"点赞"按钮,给这篇文章进行点赞一下.在wordpress网站的模板主 ...
引入jQuery的src设置
1.引用在线jQuery 谷歌.微软.百度都有提供在线的jQuery引用.比如 <script src="http://code.jquery.com/jquery-latest.js ...

Vue3引入JQuery

Vue3引入JQuery相关推荐

最新文章

热门文章