Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
程序yang
unidocs-zh
提交
be340389
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看板
提交
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语
|组件载体 |系统原生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 中找到
#### 3.1 创建组件
#### 3.1 创建
UTS
组件
UTS组件的创建过程与UTS插件一样。
HBuilderX 3.6.16 版本之后,支持一键创建
选中 项目目录/uni_modules 右键 新建组件 TODO
#### 3.2 UTS组件目录结构

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