Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-zh
提交
e3a50536
unidocs-zh
项目概览
DCloud
/
unidocs-zh
通知
3216
Star
106
Fork
815
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
94
列表
看板
标记
里程碑
合并请求
70
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
unidocs-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
94
Issue
94
列表
看板
标记
里程碑
合并请求
70
合并请求
70
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
e3a50536
编写于
1月 07, 2023
作者:
杜庆泉
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Update uts-component.md
上级
be340389
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
10 addition
and
10 deletion
+10
-10
docs/plugin/uts-component.md
docs/plugin/uts-component.md
+10
-10
未找到文件。
docs/plugin/uts-component.md
浏览文件 @
e3a50536
...
...
@@ -43,18 +43,18 @@ UTS组件的优势在于,它秉承了UTS的跨平台特性,统一的UTS语
为了降低前端开发者的开发门槛,UTS组件结构采用了类Vue组件的语法,
[
关于Vue组件
](
https://cn.vuejs.org/guide/essentials/component-basics.html
)
,但是具体的函数上会有定制,我们会在下一个章节详细介绍
##
3
如何开发UTS组件
## 如何开发UTS组件
>本章节提到全部示例源码可以在Hello UTS 中找到
####
3.1
创建UTS组件
#### 创建UTS组件
HBuilderX 3.6.16 版本之后,支持一键创建
选中 项目目录/uni_modules 右键 新建组件 TODO
####
3.2
UTS组件目录结构
#### UTS组件目录结构
![
目录结构
](
https://native-res.dcloud.net.cn/images/uts/component/image1.png
)
...
...
@@ -67,7 +67,7 @@ HBuilderX 3.6.16 版本之后,支持一键创建
####
3.2
编写UTS组件代码
#### 编写UTS组件代码
下面是一个组件源码 index.vue 完整示例:
...
...
@@ -247,7 +247,7 @@ index.vue可以分为以下几类:
为了方便组件开发者,UTS组件内置了部分变量与函数,具体参考3.5章节
####
3.4
生命周期
#### 生命周期
组件开发者需要重点关注生命周期
...
...
@@ -303,7 +303,7 @@ doMeasure 用于告诉排版系统,组件自身需要的宽高,具体的调
####
3.5
内置对象和函数
#### 内置对象和函数
为了方便组件开发者使用,UTS 组件内部内置了下列对象:
...
...
@@ -323,7 +323,7 @@ doMeasure 用于告诉排版系统,组件自身需要的宽高,具体的调
## 4 使用组件
####
4.1 注意事项:
####
使用组件的注意事项
1.
需要自定义基座方能使用
...
...
@@ -334,7 +334,7 @@ doMeasure 用于告诉排版系统,组件自身需要的宽高,具体的调
<
/xxx-view>
```
####
4.2
属性
####
使用组件
属性
...
...
@@ -357,7 +357,7 @@ props: {
<
/xxx-view>
```
####
4.3
方法
####
使用组件
方法
组件的开发者,定义公开方法
...
...
@@ -382,7 +382,7 @@ methods: {
```
##
5
快速体验
## 快速体验
开发者可以使用
[
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.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录