vue引入Jquery的方法

1、局部引入

通过命令下载jquery

npm install jquery --save-dev

在需要引入jquery的组件中通过import $ from 'jquery'引入即可

2、全局引入

通过命令下载

jquery   npm install jquery --save-dev

方法一
在项目目录下build下的webpack.base.conf.js文件头部加入

var webpack = require('webpack')

并在module.exports的尾部加入

plugins: [
　　new webpack.optimize.CommonsChunkPlugin('common.js'),
　　new webpack.ProvidePlugin({
　　　　jQuery: "jquery",
　　　　$: "jquery"
　　})
]

重启服务npm run dev生效方法二
在项目目录下build下的webpack.base.conf.js文件头部加入

var webpack = require('webpack')
resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$':"vue/dist/vue.esm.js",
      '@': resolve('src'),
      'jquery':'jquery'
    }
  },
  plugins:[
    new webpack.ProvidePlugin({
      jQuery:"jquery",
      $:"jquery"
    })
  ],

重启服务 npm run dev生效