如何在Vue中使用jQuery

如何在Vue中使用jQuery

https://blog.csdn.net/weixin_33788244/article/details/92758830

安装依赖

yarn add jquery

修改build/webpack.base.conf.js

添加如下配置：

var webpack=require('webpack');

在 module.exports={} 添加如下配置：

1. plugins: [

2. new webpack.ProvidePlugin({

3. $:"jquery",

4. jQuery:"jquery",

5. "windows.jQuery":"jquery"

6. })

7. ]

在main.js中引入

import $ from 'jquery'

在Vue组件中的script块中使用

1. // 这是jq的代码

2. $(function(){

3. $('.aui-content-main .aui-content-menu').hover(function(){

4. $(this).addClass('active').find('s').hide();

5. $(this).find('.aui-content-menu-dow').show();

6. },function(){

7. $(this).removeClass('active').find('s').show();

8. $(this).find('.aui-content-menu-dow').hide();

9. });

10. });

11.  

12. // 这是vue的js代码

13. export default {...}

转载于:https://blog.51cto.com/xvjunjie/23992