vue怎么调用jquery?

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

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

费了半天劲,记录一下:

一 、安装jquery

npm install jquery --save

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

1.png

首先在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

更多web开发知识,请查阅 HTML中文网 !!

以上就是vue怎么调用jquery?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » Vue.js 答疑

评论 抢沙发

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

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏