Vue引入jQuery

1.在项目中安装jquery

  npm install jquery --save-dev

或者

打开package.json文件,在里面加入这行代码,jquery后面的是版本,根据你自己需求更改。    

        dependencies:{

      "jquery":"^2.2.3"

       }

然后在命令行输入 npm install 或者 cnpm install

2.在项目根目录下的build/webpack.base.conf.js文件中:

 先写以下代码 var webpack = require("webpack")

然后添加

plugins: [
    new webpack.optimize.CommonsChunkPlugin('common.js'),
    new webpack.ProvidePlugin({
      jQuery: "jquery",
      $: "jquery"
    })
  ]

3.在根目录下的srcmain.js中引入

 import $ from 'jquery'

此时在vue中全局引入了jquery,可以在script中写jquery语法的代码。

原文地址:https://www.cnblogs.com/DreamerLeaf/p/9391199.html