如何看一个项目

对象：react和Vue项目

1. 看路由映射表
2. 找到对应路由下的组件
3. 找到对应组件下的dom结构
4. 将dom 结构分为头部，内容，脚部，隐藏dom。
5. 头部需要获取的初始化数据（dom初始化完毕生命周期），预定义ui数据(state,render)，子组件需要的数据，状态数据，索引数据。
6. 内容需要获取的初始化数据（dom初始化完毕生命周期），预定义ui数据(state,render)，子组件需要的数据，状态数据状态数据，索引数据。
7. 脚部需要获取的初始化数据（dom初始化完毕生命周期），预定义ui数据(state,render)，子组件需要的数据，状态数据，索引数据。
8. 看响应事件（获取参数，数据，修改状态值，修改style值，修改类名，发送数据请求）
9. 嵌套子组件重复上述6，7，8步骤。

总结：

可以想象对比: 路由映射表 => 目录
             组件 => 章节
             头部 => 章节段首
             内容 => 章节主体
             尾部 => 章节段尾
             嵌套子组件 => 章节，注释，名言的引入
             响应事件 => 故事的开始，转折，结尾