vue中使用jQuery

1、安装jQuery

npm install jquery --save

2、配置build/webpack.base.conf.js

引入webpack：

var webpack = require('webpack')

增加plugins：

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

具体如下图：

3、检测是否可用

在App.vue中：

<template>
  <div id="app">
    <img src="./assets/logo.png">
    <p class="test">验证jQuery</p>
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App'
}
$(function(){
    $('.test').click(function(){
        alert('验证jQuery');
    })
})
</script>

3、启动项目

npm run dev

启动成功，点击可以弹出alert

---

以上仅是本人的笔记，如有错误，还望指教，谢谢