如何在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的指向是个问题。

方案二:

简单粗暴

Logo

前往低代码交流专区

更多推荐