Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-zh
提交
da8d537b
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看板
提交
da8d537b
编写于
9月 19, 2023
作者:
W
wanganxp
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
x
上级
276ff118
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
34 addition
and
11 deletion
+34
-11
docs/plugin/uts-plugin.md
docs/plugin/uts-plugin.md
+4
-4
docs/uni-app-x/_sidebar.md
docs/uni-app-x/_sidebar.md
+1
-1
docs/uni-app-x/component/README.md
docs/uni-app-x/component/README.md
+29
-6
未找到文件。
docs/plugin/uts-plugin.md
浏览文件 @
da8d537b
...
@@ -749,6 +749,8 @@ list1.forEach((item : any) => {
...
@@ -749,6 +749,8 @@ list1.forEach((item : any) => {
**泛型引用**
**泛型引用**
> 在uni-app x上需3.91+
作为一个对象全部import进来,然后通过点运算符调用这个对象的方法或属性。
作为一个对象全部import进来,然后通过点运算符调用这个对象的方法或属性。
```
js
```
js
...
@@ -766,16 +768,14 @@ UTSHello.getBatteryCapacity()
...
@@ -766,16 +768,14 @@ UTSHello.getBatteryCapacity()
```
ts
```
ts
// 正确的写法
// 正确的写法
import
*
as
UTSHello
from
"
../../../uni_modules/uts-osapi
"
;
import
*
as
UTSHello
from
"
../../../uni_modules/uts-osapi
"
;
```
```
```
```
ts
// 错误的写法
// 错误的写法
import
*
as
UTSHello
from
"
../../../uni_modules/uts-osapi/index.uts
"
;
import
*
as
UTSHello
from
"
../../../uni_modules/uts-osapi/index.uts
"
;
```
```
**显性引用**
**显性引用**
从可导出的选项里import 1个或多个(逗号分隔),然后直接使用导出的方法或属性。
从可导出的选项里import 1个或多个(逗号分隔),然后直接使用导出的方法或属性。
...
...
docs/uni-app-x/_sidebar.md
浏览文件 @
da8d537b
...
@@ -16,7 +16,7 @@
...
@@ -16,7 +16,7 @@
*
[
AndroidManifest.xml
](
https://uniapp.dcloud.net.cn/tutorial/app-nativeresource-android.html
)
*
[
AndroidManifest.xml
](
https://uniapp.dcloud.net.cn/tutorial/app-nativeresource-android.html
)
*
[
uni.scss
](
https://uniapp.dcloud.net.cn/collocation/uni-scss.html
)
*
[
uni.scss
](
https://uniapp.dcloud.net.cn/collocation/uni-scss.html
)
*
[
页面
](
https://uniapp.dcloud.net.cn/tutorial/page.html
)
*
[
页面
](
https://uniapp.dcloud.net.cn/tutorial/page.html
)
*
vue
语法
*
vue
框架
*
[
概述
](
vue/README.md
)
*
[
概述
](
vue/README.md
)
*
[
基础
](
https://uniapp.dcloud.net.cn/tutorial/vue3-basics.html
)
*
[
基础
](
https://uniapp.dcloud.net.cn/tutorial/vue3-basics.html
)
*
[
组件
](
https://uniapp.dcloud.net.cn/tutorial/vue3-components.html
)
*
[
组件
](
https://uniapp.dcloud.net.cn/tutorial/vue3-components.html
)
...
...
docs/uni-app-x/component/README.md
浏览文件 @
da8d537b
# uvue组件概述
# uvue组件概述
uni-app x支持vue组件,不支持小程序wxml组件。
uni-app x支持的组件包括:
-
内置基础组件
-
自定义vue组件
-
uts组件插件
不支持的组件包括:
-
小程序wxml组件
支持
[
easycom
](
/component/README.md#easycom
)
。
支持
[
easycom
](
/component/README.md#easycom
)
。
uvue的组件,可以使用前端技术编写,也可以使用原生技术编写。
内置组件比较简单,扩展组件的2种方式详细介绍下
-
前端技术即新建一个vue或uvue文件,按vue组件规范编写代码。
-
自定义vue组件
-
原生的uts组件插件,指把原生的、需要在界面上显示的组件,编写uts代码,通过uni_modules插件的方式集成到uni-app项目中。比如
在components目录新建一个uvue/vue文件,按vue组件规范编写代码。
组件界面通过uvue构造,script使用uts编写。
返回的类型是组件实例
[
ComponentPublicInstance
](
../vue/api.md#ComponentPublicInstance
)
。
-
uts组件插件
`uts组件插件`
的名称可能有点拗口,这是因为是相对于另一个分类
`uts api插件`
。
它们同属于
`uts插件`
,是uni_modules。api插件指能力扩展,比如蓝牙api。而组件插件指界面元素扩展,比如video、map、lottie动画等。
uts组件插件,指把原生的、需要在界面上显示的、内嵌于页面中整体排版的组件,编写uts代码调用原生sdk,通过uni_modules插件的方式集成到uni-app项目中。比如
*
lottie组件,使用uts调用原生的lottie sdk来开发组件,再引入页面中。
[
详见
](
https://ext.dcloud.net.cn/plugin?name=uni-animation-view
)
*
lottie组件,使用uts调用原生的lottie sdk来开发组件,再引入页面中。
[
详见
](
https://ext.dcloud.net.cn/plugin?name=uni-animation-view
)
*
video组件,其实官方的video,也是用uts组件插件实现的
*
video组件,其实官方的video,也是用uts组件插件实现的
之所以称之为
`uts组件插件`
,是相对于另一个分类
`uts api插件`
。
uts组件插件,主要用于原生sdk涉及界面时,将其封装为界面组件。当然uts组件也是全端支持的。上述lottie组件也支持web端。
在app端,它的内部界面是由原生sdk绘制的,而不是uvue代码绘制的。通过封装嵌入到uvue/nvue页面中。
一个uts插件都是可以同时兼容uni-app x和uni-app js引擎版的。目前js引擎版仅支持内嵌于nvue页面中。所以上述lottie组件也是可以在app-nvue页面中使用的。
uts组件的返回类型是dom元素
[
Element
](
../dom/element.md
)
uts组件插件的开发教程,
[
详见
](
/plugin/uts-component.md
)
uts组件插件的开发教程,
[
详见
](
/plugin/uts-component.md
)
**兼容性及注意事项:**
**
vue组件
兼容性及注意事项:**
## props
## props
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录