提交 e3a50536 编写于 作者: 杜庆泉's avatar 杜庆泉

Update uts-component.md

上级 be340389
...@@ -43,18 +43,18 @@ UTS组件的优势在于,它秉承了UTS的跨平台特性,统一的UTS语 ...@@ -43,18 +43,18 @@ UTS组件的优势在于,它秉承了UTS的跨平台特性,统一的UTS语
为了降低前端开发者的开发门槛,UTS组件结构采用了类Vue组件的语法,[关于Vue组件](https://cn.vuejs.org/guide/essentials/component-basics.html),但是具体的函数上会有定制,我们会在下一个章节详细介绍 为了降低前端开发者的开发门槛,UTS组件结构采用了类Vue组件的语法,[关于Vue组件](https://cn.vuejs.org/guide/essentials/component-basics.html),但是具体的函数上会有定制,我们会在下一个章节详细介绍
## 3 如何开发UTS组件 ## 如何开发UTS组件
>本章节提到全部示例源码可以在Hello UTS 中找到 >本章节提到全部示例源码可以在Hello UTS 中找到
#### 3.1 创建UTS组件 #### 创建UTS组件
HBuilderX 3.6.16 版本之后,支持一键创建 HBuilderX 3.6.16 版本之后,支持一键创建
选中 项目目录/uni_modules 右键 新建组件 TODO 选中 项目目录/uni_modules 右键 新建组件 TODO
#### 3.2 UTS组件目录结构 #### UTS组件目录结构
![目录结构](https://native-res.dcloud.net.cn/images/uts/component/image1.png) ![目录结构](https://native-res.dcloud.net.cn/images/uts/component/image1.png)
...@@ -67,7 +67,7 @@ HBuilderX 3.6.16 版本之后,支持一键创建 ...@@ -67,7 +67,7 @@ HBuilderX 3.6.16 版本之后,支持一键创建
#### 3.2 编写UTS组件代码 #### 编写UTS组件代码
下面是一个组件源码 index.vue 完整示例: 下面是一个组件源码 index.vue 完整示例:
...@@ -247,7 +247,7 @@ index.vue可以分为以下几类: ...@@ -247,7 +247,7 @@ index.vue可以分为以下几类:
为了方便组件开发者,UTS组件内置了部分变量与函数,具体参考3.5章节 为了方便组件开发者,UTS组件内置了部分变量与函数,具体参考3.5章节
#### 3.4 生命周期 #### 生命周期
组件开发者需要重点关注生命周期 组件开发者需要重点关注生命周期
...@@ -303,7 +303,7 @@ doMeasure 用于告诉排版系统,组件自身需要的宽高,具体的调 ...@@ -303,7 +303,7 @@ doMeasure 用于告诉排版系统,组件自身需要的宽高,具体的调
#### 3.5 内置对象和函数 #### 内置对象和函数
为了方便组件开发者使用,UTS 组件内部内置了下列对象: 为了方便组件开发者使用,UTS 组件内部内置了下列对象:
...@@ -323,7 +323,7 @@ doMeasure 用于告诉排版系统,组件自身需要的宽高,具体的调 ...@@ -323,7 +323,7 @@ doMeasure 用于告诉排版系统,组件自身需要的宽高,具体的调
## 4 使用组件 ## 4 使用组件
#### 4.1 注意事项: #### 使用组件的注意事项
1. 需要自定义基座方能使用 1. 需要自定义基座方能使用
...@@ -334,7 +334,7 @@ doMeasure 用于告诉排版系统,组件自身需要的宽高,具体的调 ...@@ -334,7 +334,7 @@ doMeasure 用于告诉排版系统,组件自身需要的宽高,具体的调
</xxx-view> </xxx-view>
``` ```
#### 4.2 属性 #### 使用组件属性
...@@ -357,7 +357,7 @@ props: { ...@@ -357,7 +357,7 @@ props: {
</xxx-view> </xxx-view>
``` ```
#### 4.3 方法 #### 使用组件方法
组件的开发者,定义公开方法 组件的开发者,定义公开方法
...@@ -382,7 +382,7 @@ methods: { ...@@ -382,7 +382,7 @@ methods: {
``` ```
## 5 快速体验 ## 快速体验
开发者可以使用[Hello UTS](https://gitcode.net/dcloud/hello-uts) 快速体验UTS 组件开发 开发者可以使用[Hello UTS](https://gitcode.net/dcloud/hello-uts) 快速体验UTS 组件开发
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册