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


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

Logo

前往低代码交流专区

更多推荐