提交 da8d537b 编写于 作者: W wanganxp

x

上级 276ff118
...@@ -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个或多个(逗号分隔),然后直接使用导出的方法或属性。
......
...@@ -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)
......
# 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.
先完成此消息的编辑!
想要评论请 注册