读《滴滴 webapp 5.0 Vue 2.0重构经验分享》笔记

技术栈

MVVM框架：Vue 2.0
源码：es6
代码风格检查：eslint
构建工具：webpack
前端路由：vue-router
状态管理：vuex
服务端通讯：vue-resource

几个问题

1、如何实现组件化？
组件化现在几乎成为webapp开发的标准。作为开发者我们要从众多的组件中提取出哪些是基础组件，哪些是业务组件。
基础组件主要是指那些本身不包含任何业务逻辑、可以被轻松复用的组件，例如picker、toast、actionsheet等等...滴滴基于Vue 2.0实现了一套移动端端的基础组件库，打包了所有基础组件，并托管到npm私服上，便于使用。基础组件的通信基本就是往组件传入prop，并监听组件$smit的事件。
业务组件主要指那些包含业务逻辑，包括一些与后端接口通讯的逻辑。业务组件会包含若干个基础组件，通常我们会把一些业务逻辑的数据通过vuex管理起来。

2、同时开发与持续集成
滴滴使用gitlab管理代码，在开发人员较多的情况下，如果每个开发者都拉一个分支，那么会面临着分支太多，功能联调麻烦等问题。因此，滴滴约定了一套 git 的管理规范，每个大需求版本，我们会约定以 "dev +上线时间日期" 作为分支名创建开发分支，所有人在这个分支上开发，开发完成让 QA 测试该分支，上线前才会将分支合入主干发布。在两个版本发布期间如果有 bug fix，则约定以 "bugfix + 功能描述" 为分支名创建 bugfix 分支，修复完成后合入主干上线。每次上线前，都会运行脚本新增版本号，编译打包，保证前端资源的增量发布。