如何在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://hxwzsj.com/article/gihhph.html