vue-cli3.0中引入jquery

先在package.json中锁定版本,然后npm i 安装

  "dependencies": {
    "core-js": "^2.6.5",
    "vue": "^2.6.10",
    "vue-router": "^3.0.3",
    "vue-wechat-title": "^2.0.5",
    "vuex": "^3.0.1",
    "jquery": "2.1.1"
  },

之后就可以在main.js中直接导入了

<script>
    import $ from 'jquery'
    export default {
    }
</script>

当然也可以挂在vue的原型上

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')

用起来比较麻烦，而且还会有this的指向问题 

mounted() {
  console.log(this.$('#wrapper'));	  
}