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标签加如下测试代码。

<script>
export default {
  name: "",
  data() {},
  mounted() {
      console.log($());
    }
  }
};
</script>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容