javascript - vue怎么引入jq???
PHP中文网
PHP中文网 2017-04-10 17:39:45
0
6
393

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

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

PHP中文网
PHP中文网

认证高级PHP讲师

reply all(6)
洪涛

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

Peter_Zhu

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、代码中就可以使用了

洪涛
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

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template