Vue学习日志
博客专区 > cnchens 的博客 > 博客详情
Vue学习日志
cnchens 发表于7个月前
Vue学习日志
  • 发表于 7个月前
  • 阅读 35
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

摘要: 如何在vue项目中使用jq

如何在vue项目中使用jq:

<script src="jquery.js"></script>
<script src="jquery.plugin.js"></script>
<script>
jQuery.noConflict(); //jQuery让出"$",也就是jQuery不在全局占用$这个符号,避免命名冲突
(function($){
    //在匿名函数里使用$作为jQuery别名,不影响全局
    $(function(){ /*在这里写你的代码*/ }); //这里相当于$(document).ready(function(){});
})(jQuery); //jQuery作为匿名函数的参数
</script>

一:index中引入jquery
二:
1.npm install jquery
2.在webpack.base.conf.js中添加

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

三:import $ from jquery

 

共有 人打赏支持
粉丝 2
博文 3
码字总数 367
×
cnchens
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: