Vue2.9引入Jquery

前言：最近想独自做一个项目，由于本人是做java后端,前端不是很熟，于是学习下前端vue框架。在引入jq时网上找了很多教程都没有用，后来发现是步骤三不一样。特此记录。

 

1.安装jquert

npm install jquery --save-dev

2.在build目录下的webpack.base.conf.js文件加上

const webpack=require('webpack')

如图

3.在build目录下的webpack.dev.conf.js文件里的Plugins:[]里加上

,
    new webpack.ProvidePlugin({
      jQuery: 'jquery',
      $: 'jquery'
    })

如图

4.在main.js中导入jq

添加代码

import $ from 'jquery'

5.在App.vue中测试