Vue开发中怎么去处理多人协做开发(一) ---- 路由篇

前言

在项目开发中,不少时候不仅一我的在开发项目,很容易发生文件冲突,覆盖代码的状况,这时候模块化的做用就体现出来了,怎么作到本身管理和维护好本身的文件,怎么样让项目耦合性低,维护成本低,是一个比较值得深刻探索的问题。下面是我对于多人合做的一种想法,不足之处请你们多多包涵。若是有更好的解决方案,能够的话,请在评论下方留言!vue

行动

现实状况

以vue-cli为例子,当咱们搭好脚手架的时候,进入src-router-index.js基本上咱们都是在这个文件上写路由的,这就有个问题,但项目大起来的时候,咱们想改本身写的路由的时候,以下图vue-cli

打扰了
发现不知道哪一个是你的,你就很头疼。

修改方式

导出模块

咱们能够在src-router建立一个文件夹modulesmodules文件夹里建立属于你的文件如我本身Felix.js数组

如图:模块化

导出模块

经过export default的方式去导入你的路由数组学习

导入模块

导入模块

经过这种方式,咱们就能够去写本身的路由,只要有一个统一的入口,咱们将咱们的路由对象引用进来。经过模块的方式,一步一步的将本身的项目切割成一个个模块。Vuex的作法也差很少,我会在第二篇实现Vuex的分模块作法和调用方式,敬请期待!code


建议

个人想法是每一个路由的名称以本身独有的字母开头,这样一看就知道谁写的,还能够防止命名冲突!router

最后

谢谢你们!但愿能对大家有所帮助,有什么问题能够在评论下方提出,期待有更好的解决方案,学习一下!咱们下篇再见!cdn

请勿未经容许转载,谢谢合做对象

联系我:652165177(QQ)blog

相关文章
相关标签/搜索