如何在Vue中使用jQuery
安装依赖
yarn add jquery
修改build/webpack.base.conf.js
添加如下配置:
创新互联公司客户idc服务中心,提供托管服务器、成都服务器、成都主机托管、成都双线服务器等业务的一站式服务。通过各地的服务中心,我们向成都用户提供优质廉价的产品以及开放、透明、稳定、高性价比的服务,资深网络工程师在机房提供7*24小时标准级技术保障。
var webpack=require('webpack');
在 module.exports={}
添加如下配置:
plugins: [
new webpack.ProvidePlugin({
$:"jquery",
jQuery:"jquery",
"windows.jQuery":"jquery"
})
]
在main.js中引入
import $ from 'jquery'
在Vue组件中的script块中使用
// 这是jq的代码
$(function(){
$('.aui-content-main .aui-content-menu').hover(function(){
$(this).addClass('active').find('s').hide();
$(this).find('.aui-content-menu-dow').show();
},function(){
$(this).removeClass('active').find('s').show();
$(this).find('.aui-content-menu-dow').hide();
});
});
// 这是vue的js代码
export default {...}
新闻名称:如何在Vue中使用jQuery
文章来源:http://scyingshan.cn/article/gihhph.html