优化note中文档

Author: kaokei

docs/note/01.父组件与子组件的理解.md

@@ -27,8 +27,7 @@
 比如在用户点击某个按钮时，在事件处理回调函数中可以调用 findService 实时查询子组件的服务，此时是通过业务逻辑来保证子组件一定是存在的。
 当然也可以不存在，只时需要做判空处理。
 
-需要注意`findService(token, component)`需要 2 个参数，第 1 个参数是服务的 token，第 2 个参数是当前组件的实例。
-相比于`useService(token)`多1个参数，需要明确手动传递当前组件的实例对象。
+需要注意`findService(token)`需要 1 个参数，这个参数是子组件服务的 token。
 
 ## 子组件获取父组件的服务
 
@@ -37,7 +36,7 @@
 
 在子组件的实例化阶段，可以直接使用 useService 直接获取父组件的服务。
 
-需要注意`useService(token)`只需要 1 个参数，就是父组件服务的 token，但是`useService`需要依赖`getCurrentInstance`和`hasInjectionContext`，也就是`useService`只能在 setup 环境下使用。
+需要注意`useService(token)`需要 1 个参数，这个参数是父组件服务的 token，但是`useService`需要依赖`getCurrentInstance`和`hasInjectionContext`，也就是`useService`只能在 setup 环境下使用。
 
 ## 总结
 

docs/note/03.父组件获取子组件服务.md

@@ -13,7 +13,7 @@ findService 负责从当前组件的子组件/子孙组件中查找指定的服
 
 ## 实现方案
 
-可选的方案有如下 3 种：
+理论上可选的方案有如下 4 种：
 
 方案 1:
 
@@ -36,7 +36,16 @@ this.component.getServiceFromChild(ChildServiceToken);
 getServiceFromChild(ChildServiceToken, this.component);
 ```
 
-最终确定的实现方案是方案 3，也就是`findService(token, component)`。
+方案 4:
+
+```ts
+// 这里的FIND_CHILD_SERVICE是本库提供的token
+const findService = useService(FIND_CHILD_SERVICE);
+const service = findService(ChildServiceToken);
+```
+
+最终确定的实现方案是方案 4，也就是首先利用 useService 获取 findService 工具方法，然后调用 findService 方法查找子组件的服务。
+这个访问的优点是不需要暴露 container 和 component，而且可以同时在组件内使用和服务中使用。
 
 实现逻辑可以参考这里[vuejs/test-utils#findComponent](https://github.com/vuejs/test-utils/blob/9c9659441c59de557f5844e5f9b7fee00b3938e0/src/baseWrapper.ts#L154)
 
@@ -47,12 +56,12 @@ getServiceFromChild(ChildServiceToken, this.component);
 ```vue
 <script lang="ts" setup>
 import { getCurrentInstance } from 'vue';
-import { findService, Token } from '@kaokei/use-vue-service';
+import { FIND_CHILD_SERVICE, Token, useService } from '@kaokei/use-vue-service';
 const token = new Token<ChildServiceType>('child service name');
-const component = getCurrentInstance();
 
 function handleClickEvent() {
-  const childService = findService(token, component);
+  const findService = useService(FIND_CHILD_SERVICE);
+  const childService = findService(token);
   childService.doSomthing();
 }
 </script>
@@ -61,16 +70,13 @@ function handleClickEvent() {
 场景 1：在服务中使用
 
 ```ts
-import {
-  Inject,
-  findService,
-  Token,
-} from '@kaokei/use-vue-service';
+import { Inject, FIND_CHILD_SERVICE, Token, useService } from '@kaokei/use-vue-service';
 const token = new Token<ChildServiceType>('child service name');
 
 class DemoService {
   public handleClickEvent() {
-    const childService = findService(token, component);
+    const findService = useService(FIND_CHILD_SERVICE);
+    const childService = findService(token);
     childService.doSomthing();
   }
 }