From 169cd180a6da7f3b5345aa08ff2e80b38cb698cc Mon Sep 17 00:00:00 2001 From: duqingquan Date: Wed, 11 Jan 2023 20:43:33 +0800 Subject: [PATCH] =?UTF-8?q?uts=E7=BB=84=E4=BB=B6=E6=96=87=E6=A1=A3?= =?UTF-8?q?=E6=9B=B4=E6=96=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/plugin/uts-component.md | 41 +++++++++++++++++++++++------------- 1 file changed, 26 insertions(+), 15 deletions(-) diff --git a/docs/plugin/uts-component.md b/docs/plugin/uts-component.md index b8a74953d..30d2a0fe7 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组件 -