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生效