diff --git a/docs/plugin/uts-component.md b/docs/plugin/uts-component.md
index b8a74953dade09a9c9d1fe0d0d706c5887c56f78..30d2a0fe725db071fcc76b7aa21187939da201af 100644
--- a/docs/plugin/uts-component.md
+++ b/docs/plugin/uts-component.md
@@ -91,7 +91,12 @@ UTS组件的优势在于,它秉承了UTS的跨平台特性,统一的UTS语
如上所示,UTS组件的目录结构与UTS插件基本相同
-唯一的差别在于,UTS组件入口文件有两个,一个必选的index.vue 组件入口,和一个可选的index.uts 函数能力入口
+唯一的差别在于,UTS组件入口文件有两个:
+
++ 必选的index.vue 组件入口
+
++ 可选的index.uts 函数能力入口
+
用户如果在开发组件的同时,存在一些与组件无关的能力需要对外暴露,可以在index.uts中进行实现
@@ -322,7 +327,7 @@ index.vue 要素可以分为以下几类:
#### 生命周期
-组件开发者需要重点关注组件的生命周期,以便进行初始化和资源回收
+组件开发者需要重点关注组件的生命周期,以便进行资源的初始化和回收
```mermaid
graph TD;
@@ -467,13 +472,15 @@ todo 目前还没有创建界面
上面的代码,我们自定义了一个 名为的UTS 组件,该组件对外提供了一个包含按钮的简单UI实现,并且对外暴露了一个名为 `buttonText`字符串属性,用来构建按钮上的文案
-接下来,我们在下面章节介绍在uni-app项目中如何使用它
+接下来,我们介绍在uni-app项目中如何使用它
#### 使用组件
->> 需要注意的是,UTS组件默认全局注册,无需使用者手动配置
+> 注意:UTS组件默认全局注册,无需使用者手动配置
-我们在uni-app项目中新建 componet.nvue 页面,
+我们在uni-app项目中新建 helloView.nvue 页面,
+
+![](https://native-res.dcloud.net.cn/images/uts/component/helloview_use_file.jpg)
直接使用`uts-hello-view`标签,并且定义`buttonText`文本内容即可看到效果。
@@ -485,7 +492,6 @@ todo 目前还没有创建界面
UTS view组件
-