From a7fa9f3a29a0167eb74ccf5cbed9c43ed23479b1 Mon Sep 17 00:00:00 2001 From: roymondchen Date: Mon, 22 Aug 2022 15:10:55 +0800 Subject: [PATCH] =?UTF-8?q?docs(docs):=20=E7=BB=84=E4=BB=B6=E8=81=94?= =?UTF-8?q?=E5=8A=A8=E5=8E=9F=E7=90=86=E6=8F=8F=E8=BF=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit close #257 --- docs/src/guide/advanced/coupling.md | 9 +++------ 1 file changed, 3 insertions(+), 6 deletions(-) diff --git a/docs/src/guide/advanced/coupling.md b/docs/src/guide/advanced/coupling.md index 4fad1de5..822ccf4b 100644 --- a/docs/src/guide/advanced/coupling.md +++ b/docs/src/guide/advanced/coupling.md @@ -143,12 +143,9 @@ function Test({ config }) { export default Test; ``` -::: tip -react 的实现方式需要开发者通过 useApp 来获得我们提供的核心 app 和一个 ref,这个 ref 是需要开发者绑定到组件上的。和 vue 不同,react 的 dom 实例需要用户指定。 - -而需要这个 ref 的原因,是在公共事件执行时,可能会需要 dom 实例来进行操作;或者用户使用高级函数时,我们会向用户传入组件的 dom 实例给开发者使用。 -::: - 按照上述实现触发事件和事件动作,就可以完成组件的联动事件分发响应。 +:::tip +组件事件的联动是借助了@tmagic/core,需要在组件实例化的时候将需要暴露的方法提供给@tmagic/core,在上述例子中useApp方法的调用就是完成这个操作,useApp返回的app对象就是@tmagic/core的实例。在vue的实现中useApp是将整个vue实例都提供给了app,所以需要defineExport来定义vue instance上的方法,react则是将需要暴露的方法作为useApp的参数传入 +:::