Using jquery in Vue

1. Install jquery

NPM Install jquery--save

2. Configure Webpack

Locate the Build/webpack.base.conf.js file.

Add at the beginning

var webpack = require (' Webpack ')

//Legacy CodeResolve: {extensions: ['. js ', '. Vue ', '. JSON '], alias: {' vue$ ': ' Vue/dist/vue.esm.js ',' @ ': Resolve (' src '))  }},//Add codeplugins: [NewWebpack. Provideplugin ({$:"jquery", JQuery:"jquery", jquery:"jquery","Window.jquery": "JQuery"  })],//Legacy Codemodule: {rules: [// ......  ]}

3. Introduction of jquery in Main.js

Import ' jquery '

4. Eslint Inspection

Locate the file under the root directory. Eslintrc.js

env: {  //  original  true,  //  add  true }

Ok so you can use JQuery

Using jquery in Vue