javascript - vue怎么引入jq???
PHP中文网
PHP中文网 2017-04-10 17:39:45
[JavaScript讨论组]

如题,vue怎么引入jquery,弄了一下午了始终报错??

具体该怎么引入jq?????还有其他自己写的js文件,或者第三方插件???全局怎么引入?局部怎么引入??
我很奇怪,作者写了vue都没讲这些怎么配置vue吗,网上也没教程。。。
求详细详细详细(重要的事说三遍!!)步骤??谢谢谢谢谢!!!

PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(6)
PHP中文网

直接看这个 http://stackoverflow.com/ques...

天蓬老师

1、在index.html中引入jQuery的CDN
2、安装jQuery : cnpm install jquery --save -dev
3、找到根目录,build>webpack.prod.conf.js
在module.exports中添加全局变量:
externals: {

 $: '$'

}
4、在每个组件中:import $ form '$'
5、代码中就可以使用了

PHP中文网
npm install jquery --save

import $ from 'jquery'

巴扎黑
<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

高洛峰

楼上回答是正确的,需要重新npm run dev

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号