vue-cli3.0以上項目中引入jquery的方法

這里配置的是vue-cli3.0引入jquery的方法，不是vue-cli2.0的配置方法

一、安裝jquery 

      npm install jquery --save

二、在vue.config.js 文件中配置

在文件的頭部位置加上const webpack = require('webpack')，然后在module.exports中，添加

plugins: [

      new webpack.ProvidePlugin({

        $:"jquery",

        jQuery:"jquery",

        "windows.jQuery":"jquery"

      })

    ]

 

 注意：這里的vue.config.js文件並不是創建完項目就有的，而是自己新建，因為vue cli3以上的腳手架隱藏了各種配置文件，你要想自己手動配置一些東西就需要新建一個vue.config.js

三、在main.js文件中引入

在main.js中添加“import $ from 'jquery”，添加這行Vue.prototype.$ = $，就表示給vue原型上添加 $,在組件中調用的時候通過this.$方式，this指向為VueCompornent