Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-zh
提交
129bf7d7
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看板
提交
129bf7d7
编写于
1月 03, 2023
作者:
杜庆泉
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
uts 组件文档更新中
上级
19a7b5e7
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
15 addition
and
4 deletion
+15
-4
docs/plugin/uts-component.md
docs/plugin/uts-component.md
+15
-4
未找到文件。
docs/plugin/uts-component.md
浏览文件 @
129bf7d7
# UTS 组件开发
本文旨在帮助开发者,使用UTS开发Uni-App平台组件功能。
## 1 前置条件
继续阅读文档前,开发者需要了解以下前置条件:
+
HBuilderX 3.6.15 及之后版本
+
了解Vue 组件基本概念
+
目前仅支持nvue
## 2
组件概述
## 2
了解UTS组件是什么
### 2.1 UTS组件简介
组件是一种独立,可复用的UI单元,方便单独封装和承担一定的代码逻辑,组件化有利于降低项目的工程复杂度,提升可维护性
UTS组件,即:使用UTS语言在uni平台进行组件开发的技术。
[
关于UTS的更多介绍
](
https://uniapp.dcloud.net.cn/plugin/uts-plugin.html
)
UTS组件,即:使用UTS语言在uni平台进行组件开发的技术。
[
UTS的更多介绍
](
https://uniapp.dcloud.net.cn/plugin/uts-plugin.html
)
组件约定上采用了类Vue组件的语法,
[
关于Vue组件的更多介绍
](
https://cn.vuejs.org/guide/essentials/component-basics.html
)
UTS组件约定上采用了类Vue组件的语法,
[
Vue组件的更多介绍
](
https://cn.vuejs.org/guide/essentials/component-basics.html
)
,但是具体的约定上会有定制,具体参考第四章节。
### 2.2 UTS组件和Vue组件差异
UTS组件,与
传统
Vue组件区别在于,它秉承了UTS的跨平台特性,统一的UTS语法,各终端不同的本地产出物。
UTS组件,与Vue组件区别在于,它秉承了UTS的跨平台特性,统一的UTS语法,各终端不同的本地产出物。
在Android平台会被编译为会被渲染为Android原生View实例,IOS或其他终端平台也是如此。
| |Vue组件 |uts插件|
|:------ |:------- |:--------|
|开发语言 |js/ts |uts|
|组件载体 |WebView内部标签 |编译时生成原生View对象|
## 3 如何开发组件-举个例子
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录