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