如何在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的指向是个问题。
方案二:
简单粗暴