如题,vue怎么引入jquery,弄了一下午了始终报错??
具体该怎么引入jq?????还有其他自己写的js文件,或者第三方插件???全局怎么引入?局部怎么引入??
我很奇怪,作者写了vue都没讲这些怎么配置vue吗,网上也没教程。。。
求详细详细详细(重要的事说三遍!!)步骤??谢谢谢谢谢!!!
天蓬老师2017-04-10 17:41:45
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、代码中就可以使用了
巴扎黑2017-04-10 17:41:45
<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>
阿神2017-04-10 17:41:45
一:index中引入jquery
二:
1.npm install jquery
2.在webpack.base.conf.js中添加
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery"
})
]
三:import $ from jquery