Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
程序yang
unidocs-zh
提交
e3a50536
U
unidocs-zh
项目概览
程序yang
/
unidocs-zh
与 Fork 源项目一致
Fork自
DCloud / unidocs-zh
通知
1
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
unidocs-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
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.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录