vue项目如何引用jquery

Posted 2021-11-25 zhoushuang0426

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue项目如何引用jquery相关的知识，希望对你有一定的参考价值。

虽然vue不推荐直接操作DOM，而且也提供了操作DOM的方式。但是在某些时候还是要用到jquery，那么如何引入jquery呢？

费了半天劲,记录一下:

一 : 安装jquery

npm install jquery --save

二 : 配置在项目 build 里的webpack.base.conf.js

技术图片

首先在webpack.base.conf.js里加入:(webpack的引入要在第一行)

var webpack = require("webpack")

然后在module.exports的最后加入

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

三:使用在需要使用的地方引入

import $ from ‘jquery‘;

这样就可以正常调用‘$‘了

最后注意要重启项目:npm run dev

以上是关于vue项目如何引用jquery的主要内容，如果未能解决你的问题，请参考以下文章