如何在Vue中使用jQuery
yarn add jquery
修改build/webpack.base.conf.js
添加如下配置:
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 {...}
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。