Vue Cli3.0中使用jQuery

注意:这里配置的是vue-cli3.0引入jquery的方法,不是vue-cli2.0的配置方法。

一、安装jQuery:

npm install jquery --save    //安装为最新版本

二、打开vue.config.js 文件,添加以下代码:

const webpack = require('webpack')

module.exports = {
  // webpack配置
  configureWebpack: {
    plugins: [
      new webpack.ProvidePlugin({
        $: "jquery",
        jQuery: "jquery",
        "windows.jQuery": "jquery"
      })
    ]
  }
}

三、找到.eslintrc.js文件,在该文件的env对象中添加jquery等于true

module.exports = {
  env: {
    node: true,
    jquery: true
  }
};

四、重新启动vue-cli,页面组件中 script标签加如下测试代码。


你可能感兴趣的:(Vue Cli3.0中使用jQuery)