vue使用--Jquery引入

  為什么要引入jquery？

  vue中一般不需要使用jquery，但當我們需要使用的某個插件沒有vue的版本且又使用了jquery，那我們就需要引入jquery了

 

  安裝、配置與使用

  ①install，執行以下命令

npm install jquery --save     //如果使用了淘寶鏡像可以使用cnpm

  ②配置，webpack.base.conf.js

//...原有代碼

//添加的代碼
var webpack = require('webpack')

module.exports = {
    //...原有代碼
    plugins: [
      new webpack.ProvidePlugin({
        $: "jquery",
        jQuery: "jquery",
        jquery: "jquery",
        "window.jQuery": "jquery"
      })
    ],

    //...原有代碼
}

  ③使用

   安裝配置完成后我們就可以在需要使用的組件中使用了，在需要的位置引入即可 

import $ from 'jquery'

  如果需要全局設置可以放到app.vue中引入

import $ from 'jquery'
//
//let $ = require('jquery')
//window.$ = $