在vue中引入jquery

1. 安装 jquery

npm install jquery --save-dev

2.在 webpack.base.conf.js 添加内容：

const webpack = require('webpack')

 plugins: [
    new webpack.ProvidePlugin({
      $: 'jquery',
      jQuery: 'jquery',
      "windows.jQuery": "jquery"
    })
  ],

3.在入口文件main.js 里面添加内容

// 引入 jquery
import $ from 'jquery'

4.测试一下是否安装成功，看看能否弹出’123’

<template>
  <div id="app">
    <img src="./assets/logo.png">
    <router-view/>
  </div>
</template>

<script>
$(function(){
  alert(123)
})

export default {
  name: 'App',
  data(){
    return {

    }
  }
}
</script>

<style>

</style>

``