浅谈vue中引入jquery的方法


本文摘自PHP中文网,作者青灯夜游,侵删。

下面vue.js栏目给大家介绍一下vue中引入jquery的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

vue中引入jquery的方法

1:因为已经安装了vue脚手架,所以需要在webpack中全局引入jquery

打开package.json文件,在里面加入这行代码,jquery后面的是版本,根据你自己需求更改。

1

2

3

4

5

  dependencies:{

 

"jquery":"^2.2.3"

 

     }

然后在命令行中cnpm install

大多人应该都是使用的淘宝镜像,所以使用cnpm,如果你不是 ,可以使用npm安装。

2:在webpack.base.conf.js中加入一行代码

1

let webpack=require("webpack")

3:在webpack.base.conf.js中module.exports的最后加入这行代码,

1

2

3

4

  plugins: [new webpack.optimize.CommonsChunkPlugin('common.js'),new webpack.ProvidePlugin({

    jQuery: "jquery",

    $: "jquery"})

]

4:在main.js中引入,加入下面这行代码

1

import $ from 'jquery'

5:最后一步,重新跑一边就好,cnpm run dev

相关推荐:

2020年前端vue面试题大汇总(附答案)

vue教程推荐:2020最新的5个vue.js视频教程精选

更多编程相关知识,请访问:编程教学!!

以上就是浅谈vue中引入jquery的方法的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

jquery如何判断是否是数组元素

vue 动态加载 vuex

jquery如何通过文本找到元素

jquery 如何判断 是否相等

innerhtml与jquery里html()的区别是什么

jquery如何判断某个标签id是否存在

如何理解vue中的全局组件和局部组件

jquery如何创建元素节点

jquery怎么查询数组中是否有该指定值?

jquery怎么获取表单标签值

更多相关阅读请进入《vue》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    暂无评论...