如题,vue怎么引入jquery,弄了一下午了始终报错??
具体该怎么引入jq?????还有其他自己写的js文件,或者第三方插件???全局怎么引入?局部怎么引入??我很奇怪,作者写了vue都没讲这些怎么配置vue吗,网上也没教程。。。求详细详细详细(重要的事说三遍!!)步骤??谢谢谢谢谢!!!
认证高级PHP讲师
直接看这个 http://stackoverflow.com/ques...
1、在index.html中引入jQuery的CDN2、安装jQuery : cnpm install jquery --save -dev3、找到根目录,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 jquery2.在webpack.base.conf.js中添加
plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery" }) ]
三:import $ from jquery
楼上回答是正确的,需要重新npm run dev
直接看这个 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、代码中就可以使用了
import $ from 'jquery'
一:index中引入jquery
二:
1.npm install jquery
2.在webpack.base.conf.js中添加
三:import $ from jquery
楼上回答是正确的,需要重新npm run dev