• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

vue怎么调用jquery?

vue 搞代码 4年前 (2021-12-26) 28次浏览 已收录 0个评论

vue怎么调用jquery?下面本篇文章给大家介绍一下在vue中调用jquery的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

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

费了半天劲,记录一下:

一 、安装jquery

npm install jquery --save

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

首先在webpack.b来源gaodai#ma#com搞*代#码网ase.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

更多web开发知识,请查阅 搞代码网 !!

以上就是vue怎么调用jquery?的详细内容,更多请关注gaodaima搞代码网其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:vue怎么调用jquery?

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址