VUE 项目中如何使用jQuery

第一步、安装jQuery

命令行执行 : npm install jquery --save

VUE 项目中如何使用jQuery_第1张图片第二步、修改webpack配置

  找到配置文件webpack.base.conf.js ,添加以下两处代码:

  ①在头部添加:const webpack=require('webpack')

VUE 项目中如何使用jQuery_第2张图片

 ②在module.exports的到最后添加:plugins: [
  new webpack.optimize.CommonsChunkPlugin('common.js'),
  new webpack.ProvidePlugin({
    jQuery: "jquery",
    $: "jquery"
  })
    ]

VUE 项目中如何使用jQuery_第3张图片

第三步、全局引入jQuery

在main.js 中全局引入即可

VUE 项目中如何使用jQuery_第4张图片

第四步、重启项目

执行命令:npm start

你可能感兴趣的:(VUE)