我在vue-cli+webpack项目开发中遇到的一些问题总结

mykurisu 发布于2019-08-22 13:45 / 639人阅读

摘要：最近用了一个月的时间快速开发了一套管理系统，前后端分离的开发模式，前端采用的技术路线，页面是第三方框架。下面总结一下我在开发工程中遇到的一些问题。比如我需要一个弹框插件，而上页没注册。

最近用了一个月的时间快速开发了一套管理系统，前后端分离的开发模式，前端采用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子组件、父组件、兄弟组件之间如何互相传递参数和调用方法

子组件传递参数给父组件
**父组件**

父组件绑定一个自定义事件处理程序，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]);

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

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/92397.html

开发富文本编辑器的一些经验教训

摘要：当然，这只是结合自己项目的工程结构和特点设置的一套使用方式，仅供参考开发富文本编辑器的教训由于项目的时间较紧张，我在页面上应用了框架的背景下，想当然的想要把也应用于富文本编辑器的开发，事实证明这是不太可行的。此文已由作者刘诗川授权网易云社区发布。欢迎访问网易云社区，了解更多网易技术产品运营经验。最近我们的产品有一个需求是要在PC端做一个面向用户的书评编辑器，让用户和编辑在蜗牛读书...

mtunique 2019-06-28 11:04 评论0 收藏0
todo-list 项目问题总结（使用 react 进行开发）

摘要：项目问题总结这个项目，很简单，前端使用，后端使用进行开发。方便移动端开发。当动画结束后，有一个钩子函数可以使用其他一些功能组件，都是自己尝试去编写的，像日历组件组件组件等。版本的，是没有任何的钩子函数，我就感觉懵逼了。。。 todo-list 项目问题总结这个 todo-list 项目，很简单，前端使用 react，后端 nodejs 使用 koa2 进行开发。数据库使用 Mysql...

shengguo 2019-08-22 15:37 评论0 收藏0
长的和vue-cli差不多的React脚手架

摘要：的外表，的心说在前面对于我个人来说，一个好的脚手架有助于我们心无旁骛地去学习一些库例如和。所以说，为什么不弄个的呢我的想法就是将和尽量保持一致，除了它们的核心和。并不会对该文件夹下的文件进行处理。 react-webpack-boilerplate vue-cli的外表，React的心说在前面对于我个人来说，一个好的脚手架有助于我们心无旁骛地去学习一些库例如Vue和React。vu...

alin 2019-08-21 14:27 评论0 收藏0
关于Vue2一些值得推荐的文章 -- 五、六月份

摘要：五六月份推荐集合查看最新的请点击集前端最近很火的框架资源定时更新，欢迎一下。苏幕遮燎沈香宋周邦彦燎沈香，消溽暑。鸟雀呼晴，侵晓窥檐语。叶上初阳乾宿雨，水面清圆，一一风荷举。家住吴门，久作长安旅。五月渔郎相忆否。小楫轻舟，梦入芙蓉浦。五、六月份推荐集合查看github最新的Vue weekly；请::点击::集web前端最近很火的vue2框架资源；定时更新，欢迎 Star 一下。苏...

sutaking 2019-08-02 15:17 评论0 收藏0