Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-zh
提交
be340389
unidocs-zh
项目概览
DCloud
/
unidocs-zh
通知
3598
Star
108
Fork
921
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
120
列表
看板
标记
里程碑
合并请求
109
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
unidocs-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
120
Issue
120
列表
看板
标记
里程碑
合并请求
109
合并请求
109
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
be340389
编写于
1月 07, 2023
作者:
杜庆泉
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Update uts-component.md
上级
65be50be
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
11 addition
and
7 deletion
+11
-7
docs/plugin/uts-component.md
docs/plugin/uts-component.md
+11
-7
未找到文件。
docs/plugin/uts-component.md
浏览文件 @
be340389
...
@@ -40,30 +40,34 @@ UTS组件的优势在于,它秉承了UTS的跨平台特性,统一的UTS语
...
@@ -40,30 +40,34 @@ UTS组件的优势在于,它秉承了UTS的跨平台特性,统一的UTS语
|组件载体 |系统原生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
)
,但是具体的函数上会有定制,我们会在下一个章节详细介绍
## 3 如何开发组件
## 3 如何开发
UTS
组件
>本章节提到全部示例源码可以在Hello UTS 中找到
>本章节提到全部示例源码可以在Hello UTS 中找到
#### 3.1 创建组件
#### 3.1 创建
UTS
组件
UTS组件的创建过程与UTS插件一样。
HBuilderX 3.6.16 版本之后,支持一键创建
选中 项目目录/uni_modules 右键 新建组件 TODO
选中 项目目录/uni_modules 右键 新建组件 TODO
#### 3.2 UTS组件目录结构


组件的入口文件是index.vue,具体规范会在下一个章节介绍
组件的入口文件是index.vue,具体规范会在下一个章节介绍
另外 组件允许存在入口文件:index.uts 对外提供函数能力,具体参考 UTS 插件介绍
另外 组件允许存在入口文件:index.uts 对外提供函数能力,具体参考 UTS 插件介绍
#### 3.2
示例代码简介
#### 3.2
编写UTS组件代码
下面是一个组件源码 index.vue 完整示例:
下面是一个组件源码 index.vue 完整示例:
...
@@ -76,8 +80,8 @@ UTS组件的创建过程与UTS插件一样。
...
@@ -76,8 +80,8 @@ UTS组件的创建过程与UTS插件一样。
*/
*/
name
:
"
xxx-view
"
,
name
:
"
xxx-view
"
,
/**
/**
* 组件涉及的事件声明,只有声明过的事件,才能被正常发送
* 组件涉及的事件声明,只有声明过的事件,才能被正常发送
*/
*/
emits
:
[
'
bindended
'
],
emits
:
[
'
bindended
'
],
/**
/**
* 属性声明,组件的使用者会传递这些属性值到组件
* 属性声明,组件的使用者会传递这些属性值到组件
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录