add readme

README.md

@@ -18,10 +18,22 @@ Since TypeScript cannot handle type information for `.vue` imports, they are shi
 
 Run `Volar: Switch TS Plugin on/off` from VSCode command palette.
 
-### If Using Vetur
+### 核心组件复用
 
-1. Install and add `@vuedx/typescript-plugin-vue` to the [plugins section](https://www.typescriptlang.org/tsconfig#plugins) in `tsconfig.json`
-2. Delete `src/shims-vue.d.ts` as it is no longer needed to provide module info to Typescript
-3. Open `src/main.ts` in VSCode
-4. Open the VSCode command palette
-5. Search and run "Select TypeScript version" -> "Use workspace version"
+主要分为：CommonMarkBody.vue 前端切片渲染的组件，凡是评卷**任务**类型的都可以复用它来渲染（包含轨迹）。  
+src/features/student/inspect/MarkBody.vue 整卷渲染的组件，凡是不用前端切分的试卷都可以复用它来渲染（包含轨迹）。
+
+### Reactivity 关联 CommonMarkBody.vue MarkBoardTrack.vue MarkBoardMouse.vue MarkBoardKeyBoard.vue MarkHistory.vue
+
+以上组件的 reactivity 比较复杂，总结如下：
+
+1. currentTask 切换后，所有组件都得跟着变
+1. 轨迹模式下，
+   1. 分数轨迹发生变化，MarkBoardTrack.vue 改变 store.removeScoreTracks ，CommonMarkBody.vue 监听 store.removeScoreTracks 改变 sliceImagesWithTrackList 的 trackList
+   1. 特殊标记轨迹发生变化，SpecialTagModal.vue 改变 store.currentMarkResult.specialTagList ，CommonMarkBody.vue 监听 store.currentMarkResult.specialTagList 改变 sliceImagesWithTrackList 的 tagList
+1. 分数之间的关系，(理想设计，现在不是这种情况)
+   1. 来源: question.score 和 track.score, history.task.markerScore 评卷时不参与给分板的计算和显示
+   1. 初始收集: markResult.scoreList markResult.trackList.score markResult.markerScore
+   1. 轨迹改变：track.score 动态计算 scoreList，再显示到给分板上（单题和总分自动计算），单题根据 questionList 的 index 去找 score，要区分 0 分和 null
+   1. 普通改变：scoreList\[index\]的值
+   1. 普通模式评分的记录在轨迹模式下如何保持？先将 task 中的 question.score 转移到 markResult.scoreList，如果 trackList 有变化，则更新对应 scoreList，不然则保持原样。