脚本宝典收集整理的这篇文章主要介绍了我在vue-cli+webpack项目开发中遇到的一些问题总结，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

最近用了一个月的时间快速开发了一套管理系统，前后端分离的开发模式，前端采用vue-cli+webpack的技术路线，页面UI是第三方bootstrap框架。下面总结一下我在开发工程中遇到的一些问题。
1.第三方插件如何引入和正确打包

首先要引入jq和bootstrap,用npm jq --save进行安装，安装之后在build目录下webpack.base.conf.js这个文件夹里面进行配置

plugins: [
      new webpack.ProvidePlugin({
          $: "jquery",
          jQuery: "jquery",
          "windows.jQuery": "jquery"
      })
   ]

jq是可以在npm 官网上注册过的可依赖下载包，那些没注册过的第三方插件如何使用。比如我需要一个弹框插件，而npm 上页没注册。我是在index.html中直接引入这个插件，这个插件放在asssets目录下打包才能打进去。

2子组件、父组件、兄弟组件之间如何互相传递参数和调用方法

子组件传递参数给父组件
**父组件**
 <my-file v-on:resourceParam="changeCart" :source="Parentmaterial_url"></my-file>

父组件绑定一个自定义事件处理程序，on:resourceParam是自定义事件，changeCart是处理程序，这个方法是干什么的呢？当然是来接收子组件传递过来的参数并进行接下来的业务处理逻辑

changeCart:function(info){
    let comBackArr=[]
    $.each(info,function(key,value){
       comBackArr.push(value.url);
    })
    this.material_url=comBackArr.join(',');
},

好的，那接下来就死子组件触发这个事件，把子组件的参数传递过去。 以下子组件了

 _this.$emit('resourceParam',_this.source);

这个就是子组件把参数传递过去了，如果子组件传递多个参数呢？

_this.$emit('resourceParam',[params1,params2,params3]);

兄弟组件之间的参数如何进行传递
未完待续。。。

脚本宝典总结

以上是脚本宝典为你收集整理的我在vue-cli+webpack项目开发中遇到的一些问题总结全部内容，希望文章能够帮你解决我在vue-cli+webpack项目开发中遇到的一些问题总结所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。