VUE 中引入JQUERY

vue2中

   1、修改package.json在依赖项中加入jquery依赖，然后npm install

2、改build 下webpack.base.conf　

头部引入webpack 

var webpack = require("webpack")

module: {} 中最后加入jquery插件

  plugins: [
    new webpack.ProvidePlugin({
      $:"jquery",
      jQuery:"jquery",
      jquery:"jquery",
      "window.jQuery":"jquery"
    })
  ]

3、vue文件中引入与使用

  import $ from 'jquery'

 animate(){
        var listPanel = $('#FontScroll ul');
        var z = 0;//向上滚动top值
        function up() {//向上滚动
            listPanel.animate({//中奖结果
                'top': (z - 35) + 'px'
            }, 1500, 'linear', function () {
                listPanel.css({'top': '0px'})
                    .find("li:first").appendTo(listPanel);
                up();
            });
        }
        up();
    }

 

vue3中

1. npm 安装jquery
2. vue.config.js中写入
3. 引用