vue使用--Jquery引入
为什么要引入jquery?
vue中一般不需要使用jquery,但当我们需要使用的某个插件没有vue的版本且又使用了jquery,那我们就需要引入jquery了
安装、配置与使用
①install,执行以下命令
npm install jquery --save //如果使用了淘宝镜像可以使用cnpm
②配置,webpack.base.conf.js
//...原有代码 //添加的代码 var webpack = require('webpack') module.exports = { //...原有代码 plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery", jquery: "jquery", "window.jQuery": "jquery" }) ], //...原有代码 }
③使用
安装配置完成后我们就可以在需要使用的组件中使用了,在需要的位置引入即可
import $ from 'jquery'
如果需要全局设置可以放到app.vue中引入
import $ from 'jquery' // //let $ = require('jquery') //window.$ = $
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步