search

Home  >  Q&A  >  body text

javascript - vue怎么引入jq???

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

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

PHP中文网PHP中文网2835 days ago391

reply all(6)I'll reply

  • PHP中文网

    PHP中文网2017-04-10 17:41:45

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

    reply
    0
  • 天蓬老师

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

    reply
    0
  • PHP中文网

    PHP中文网2017-04-10 17:41:45

    npm install jquery --save

    import $ from 'jquery'

    reply
    0
  • 巴扎黑

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

    reply
    0
  • 阿神

    阿神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

    reply
    0
  • 高洛峰

    高洛峰2017-04-10 17:41:45

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

    reply
    0
  • Cancelreply