最近用了一个月的时间快速开发了一套管理系统,先后端分离的开发模式,前端采用vue-cli+webpack的技术路线,页面UI是第三方bootstrap框架。下面总结一下我在开发工程中遇到的一些问题。
1.第三方插件如何引入和正确打包html
首先要引入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子组件、父组件、兄弟组件之间如何互相传递参数和调用方法vue
子组件传递参数给父组件 **父组件** <my-file v-on:resourceParam="changeCart" :source="Parentmaterial_url"></my-file>
父组件绑定一个自定义事件处理程序,on:resourceParam是自定义事件,changeCart是处理程序,这个方法是干什么的呢?固然是来接收子组件传递过来的参数并进行接下来的业务处理逻辑jquery
changeCart:function(info){ let comBackArr=[] $.each(info,function(key,value){ comBackArr.push(value.url); }) this.material_url=comBackArr.join(','); },
好的,那接下来就死子组件触发这个事件,把子组件的参数传递过去。 如下子组件了webpack
_this.$emit('resourceParam',_this.source);
这个就是子组件把参数传递过去了,若是子组件传递多个参数呢?web
_this.$emit('resourceParam',[params1,params2,params3]);
兄弟组件之间的参数如何进行传递
未完待续。。。vue-cli