Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
程序yang
unidocs-zh
提交
7e3b53df
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看板
提交
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 @@
组件与插件的区别在于:前者倾向于以标签的形式 对外提供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开发组件
...
...
@@ -34,13 +34,14 @@ UTS组件的优势在于,它秉承了UTS的跨平台特性,统一的UTS语
在Android平台会被编译为会被渲染为Android原生View实例,IOS或其他终端平台也是如此。
| |uts组件 |uni原生组件 |Vue组件 |
|:------ |:-------- |:-------- |:------- |
|开发语言 |uts |java/object-c |js/ts |
|组件载体 |系统原生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组件
...
...
@@ -54,6 +55,9 @@ HBuilderX 3.6.16 版本之后,支持一键创建
TODO
至此,我们已经得到了一个最基本的UTS插件目录,下个章节我们介绍其中各文件的作用
#### UTS组件目录结构
...
...
@@ -100,15 +104,15 @@ TODO
</pre>
UTS组件的目录结构与UTS插件基本相同。
如上所示,
UTS组件的目录结构与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.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录