vue中使用jQuery
1、安装jQuerynpm install jquery --save2、配置build/webpack.base.conf.js引入webpack:var webpack = require('webpack')增加plugins:plugins: [new webpack.ProvidePlugin({$:"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
以上仅是本人的笔记,如有错误,还望指教,谢谢
更多推荐
已为社区贡献1条内容
所有评论(0)