Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-zh
提交
3e776ef2
unidocs-zh
项目概览
DCloud
/
unidocs-zh
通知
3172
Star
105
Fork
804
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
93
列表
看板
标记
里程碑
合并请求
67
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
unidocs-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
93
Issue
93
列表
看板
标记
里程碑
合并请求
67
合并请求
67
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
3e776ef2
编写于
1月 06, 2023
作者:
杜庆泉
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
uts 组件文档改造进行中
上级
e4baf5ac
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
15 addition
and
12 deletion
+15
-12
docs/plugin/uts-component.md
docs/plugin/uts-component.md
+15
-12
未找到文件。
docs/plugin/uts-component.md
浏览文件 @
3e776ef2
...
...
@@ -3,7 +3,7 @@
本文旨在帮助开发者,使用UTS开发Uni-App平台组件功能。
##
1
前置条件
## 前置条件
继续阅读文档前,开发者需要了解以下前置条件:
...
...
@@ -13,31 +13,34 @@
+
目前仅支持nvue
##
2 了解UTS组件是什么
##
UTS组件简介
###
2.1 UTS组件简介
###
# 为什么使用组件
UTS组件,即:使用UTS语言在uni平台进行组件开发的技术。
[
关于UTS
](
https://uniapp.dcloud.net.cn/plugin/uts-plugin.html
)
组件是一种独立,可复用的UI单元,用于单独封装和承担一定的代码逻辑,组件化可以降低项目的工程复杂度,提升可维护性
组件与插件的区别在于:前者倾向于以标签的形式 对外提供UI封装,后者倾向于以函数/类 的形式 对外提供功能封装。如果你的需求更倾向于封装能力,请移步
[
UTS插件开发
](
https://uniapp.dcloud.net.cn/plugin/uts-plugin.html
)
组件
是一种独立,可复用的UI单元,用于单独封装和承担一定的代码逻辑,组件化可以降低项目的工程复杂度,提升可维护性
组件
一般适用于组件非全屏的场景,如果需要封装的UI始终是全屏,那么可以考虑通过开发原生实现
#### 为什么使用UTS开发组件
UTS组件
整体采用了类Vue组件的语法,
[
关于Vue组件
](
https://cn.vuejs.org/guide/essentials/component-basics.html
)
,但是具体的函数上会有定制,具体参考第四章节
。
UTS组件
,即:使用UTS语言在uni平台进行组件开发的技术
。
### 2.2 UTS组件优势
UTS组件的优势在于,它秉承了UTS的跨平台特性,统一的UTS语法,各终端不同的本地产出物。
在Android平台会被编译为会被渲染为Android原生View实例,IOS或其他终端平台也是如此。
| |Vue组件 |uts组件 |uni原生组件 |
|:------ |:------- |:-------- |:-------- |
|开发语言 |js/ts |uts |java/object-c |
|组件载体 |WebView内部标签 |系统原生View对象 |系统原生View对象 |
| |uts组件 |uni原生组件 |Vue组件 |
|:------ |:-------- |:-------- |:------- |
|开发语言 |uts |java/object-c |js/ts |
|组件载体 |系统原生View对象 |系统原生View对象 |WebView内部标签 |
为了兼容前端开发者的门槛,UTS组件结构采用了类Vue组件的语法,
[
关于Vue组件
](
https://cn.vuejs.org/guide/essentials/component-basics.html
)
,但是具体的函数上会有定制,我们会在下一个章节详细介绍
## 3 如何开发组件
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录