Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-zh
提交
7e3b53df
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看板
提交
7e3b53df
编写于
1月 07, 2023
作者:
杜庆泉
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Update uts-component.md
上级
a1be0d88
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
9 addition
and
5 deletion
+9
-5
docs/plugin/uts-component.md
docs/plugin/uts-component.md
+9
-5
未找到文件。
docs/plugin/uts-component.md
浏览文件 @
7e3b53df
...
@@ -21,7 +21,7 @@
...
@@ -21,7 +21,7 @@
组件与插件的区别在于:前者倾向于以标签的形式 对外提供UI封装,后者倾向于以函数/类 的形式 对外提供功能封装。如果你的需求更倾向于封装能力,请移步
[
UTS插件开发
](
https://uniapp.dcloud.net.cn/plugin/uts-plugin.html
)
组件与插件的区别在于:前者倾向于以标签的形式 对外提供UI封装,后者倾向于以函数/类 的形式 对外提供功能封装。如果你的需求更倾向于封装能力,请移步
[
UTS插件开发
](
https://uniapp.dcloud.net.cn/plugin/uts-plugin.html
)
组件一般适用于
组件非全屏的场景,如果需要封装的UI始终是全屏,那么可以考虑通过UTS开发原生页面
实现。
[
UTS开发原生页面示例
](
https://gitcode.net/dcloud/hello-uts/-/tree/master/uni_modules/uts-nativepage
)
组件一般适用于
封装非全屏的场景,如果需要你需要封装的UI始终是全屏,那么可以考虑通过UTS开发原生页面来
实现。
[
UTS开发原生页面示例
](
https://gitcode.net/dcloud/hello-uts/-/tree/master/uni_modules/uts-nativepage
)
#### 为什么使用UTS开发组件
#### 为什么使用UTS开发组件
...
@@ -34,13 +34,14 @@ UTS组件的优势在于,它秉承了UTS的跨平台特性,统一的UTS语
...
@@ -34,13 +34,14 @@ UTS组件的优势在于,它秉承了UTS的跨平台特性,统一的UTS语
在Android平台会被编译为会被渲染为Android原生View实例,IOS或其他终端平台也是如此。
在Android平台会被编译为会被渲染为Android原生View实例,IOS或其他终端平台也是如此。
| |uts组件 |uni原生组件 |Vue组件 |
| |uts组件 |uni原生组件 |Vue组件 |
|:------ |:-------- |:-------- |:------- |
|:------ |:-------- |:-------- |:------- |
|开发语言 |uts |java/object-c |js/ts |
|开发语言 |uts |java/object-c |js/ts |
|组件载体 |系统原生View对象 |系统原生View对象 |WebView内部标签 |
|组件载体 |系统原生View对象 |系统原生View对象 |WebView内部标签 |
为了降低前端开发者的开发门槛,UTS组件
结构
采用了类Vue组件的语法,
[
关于Vue组件
](
https://cn.vuejs.org/guide/essentials/component-basics.html
)
,但是具体的函数上会有定制,我们会在下一个章节详细介绍
为了降低前端开发者的开发门槛,UTS组件采用了类Vue组件的语法,
[
关于Vue组件
](
https://cn.vuejs.org/guide/essentials/component-basics.html
)
,但是具体的函数上会有定制,我们会在下一个章节详细介绍
## 如何开发UTS组件
## 如何开发UTS组件
...
@@ -54,6 +55,9 @@ HBuilderX 3.6.16 版本之后,支持一键创建
...
@@ -54,6 +55,9 @@ HBuilderX 3.6.16 版本之后,支持一键创建
TODO
TODO
至此,我们已经得到了一个最基本的UTS插件目录,下个章节我们介绍其中各文件的作用
#### UTS组件目录结构
#### UTS组件目录结构
...
@@ -100,15 +104,15 @@ TODO
...
@@ -100,15 +104,15 @@ TODO
</pre>
</pre>
UTS组件的目录结构与UTS插件基本相同。
如上所示,
UTS组件的目录结构与UTS插件基本相同。
唯一的差别在于,UTS组件入口文件有两个,一个必选的index.vue 组件入口,和一个可选的index.uts 函数能力入口
唯一的差别在于,UTS组件入口文件有两个,一个必选的index.vue 组件入口,和一个可选的index.uts 函数能力入口
用户如果在开发组件的同时,存在一些与组件无关的能力需要对外暴露,则可以同时开发两个入口。
用户如果在开发组件的同时,存在一些与组件无关的能力需要对外暴露,则可以同时封装
大多数情况下,
只需要开发一个index.vue,
具体规范会在下一个章节介绍
大多数情况下,
组件其实我们只需要开发一个index.vue 即可,关于index.vue 的
具体规范会在下一个章节介绍
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录