vue cli3找不到webpack.base.conf.js,可以这样引入jquery

如何在vue-cli 3.x中使用jquery
由于项目需求要使用jquery,结果各种引用都不济于事。

首先下载 jquery。

cnpm install jquery --save-dev

或者
添加依赖,在package.json中找到dependencies模块,然后往里面追加jQuery,以jq版本2.2.3为例:

“dependencies”: {

“vue”: “^2.3.3”,
“vue-router”: “^2.6.0”,
“jquery” : “^2.2.3”

},
然后再cnpm install
就安装好了
方案一:

然后在main.js中引入jquery。

复制代码
import Vue from ‘vue’
import $ from ‘jquery’ //加上这句话
import App from ‘./App.vue’

Vue.config.productionTip = false
Vue.prototype.$ = $; // 当然还有这句话 给vue原型上添加 $
new Vue({
render: h => h(App),
}).$mount(’#app’)
复制代码
在使用的时候

mounted() {
console.log(this.$(’#wrapper’));
}
这样使用的时候会有一些麻烦,比如在一个函数内部使用的时候,this的指向是个问题。

方案二:

简单粗暴

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值