Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-uni-app-x-zh
提交
91c3dd84
U
unidocs-uni-app-x-zh
项目概览
DCloud
/
unidocs-uni-app-x-zh
通知
144
Star
2
Fork
33
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
9
列表
看板
标记
里程碑
合并请求
11
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
unidocs-uni-app-x-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
9
Issue
9
列表
看板
标记
里程碑
合并请求
11
合并请求
11
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
91c3dd84
编写于
5月 14, 2024
作者:
D
DCloud_LXH
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat(vue): 组件、数据绑定
上级
273b4dbf
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
25 addition
and
3 deletion
+25
-3
docs/vue/component.md
docs/vue/component.md
+13
-3
docs/vue/data-bind.md
docs/vue/data-bind.md
+12
-0
未找到文件。
docs/vue/component.md
浏览文件 @
91c3dd84
...
@@ -315,13 +315,23 @@ Uni`组件名(驼峰)`Element
...
@@ -315,13 +315,23 @@ Uni`组件名(驼峰)`Element
-
目前uts组件,即封装原生ui给uni-app或uni-app x的页面中使用,类型与内置组件的 Uni
`组件名(驼峰)`
Element 方式相同。目前没有代码提示。
-
目前uts组件,即封装原生ui给uni-app或uni-app x的页面中使用,类型与内置组件的 Uni
`组件名(驼峰)`
Element 方式相同。目前没有代码提示。
### 组件监听页面生命周期 @component-page-lifecycle
> 选项式 API 和 组件式 API 在监听页面生命周期时有所不同
>
> 比如选项式 API 中的 `onShow`、`onHide` 监听页面生命周期在组合式 API 中分别对应 `onPageShow`、`onPageHide`(在组合式 API 时会和 App 的生命周期冲突)
>
> 具体请查看 [页面生命周期](../page.md#lifecycle)
[
示例
](
#component-lifecycle
)
## 组件的生命周期 @component-lifecycle
## 组件的生命周期 @component-lifecycle
> 选项式 API 和 组件式 API
的组件生命周期使用
时有所不同
> 选项式 API 和 组件式 API
在监听页面生命周期
时有所不同
>
>
> 比如选项式 API 中的 `onShow`、`onHide` 生命周期在组合式 API 中分别对应 `onPageShow`、`onPageHide`(在组合式 API 时会和 App 的生命周期冲突)
> 比如选项式 API 中的 `onShow`、`onHide`
监听页面
生命周期在组合式 API 中分别对应 `onPageShow`、`onPageHide`(在组合式 API 时会和 App 的生命周期冲突)
>
>
> 具体请查看 [
组件
生命周期](../page.md#lifecycle)
> 具体请查看 [
页面
生命周期](../page.md#lifecycle)
示例
[
详情
](
<
!-- VUEJSON.E_lifecycle.component_ChildComponentOptions.gitUrl --
>
)
示例
[
详情
](
<
!-- VUEJSON.E_lifecycle.component_ChildComponentOptions.gitUrl --
>
)
...
...
docs/vue/data-bind.md
浏览文件 @
91c3dd84
...
@@ -44,6 +44,18 @@ data中的响应式变量,如需在script中使用,需通过 `this.xx` 的
...
@@ -44,6 +44,18 @@ data中的响应式变量,如需在script中使用,需通过 `this.xx` 的
当然 uts 有一定的自动推导能力,对于特别简单的布尔值/数字/字符串的字面量,不写泛型也可以自动推导类型。
当然 uts 有一定的自动推导能力,对于特别简单的布尔值/数字/字符串的字面量,不写泛型也可以自动推导类型。
::: warning 注意
在使用复杂类型时,Android 端暂不支持通过泛型指定类型,可通过 as 方式指定类型。如:
```
ts
type
Counter
=
{
count
:
number
}
const
counter
=
ref
({
count
:
0
}
as
Counter
)
// 而不是 ref<Counter>({count: 0})
```
:::
`ref()`
接收参数,并将其包裹在一个带有
`.value`
属性的
`ref`
对象中返回。这个对象,
`ref()`
接收参数,并将其包裹在一个带有
`.value`
属性的
`ref`
对象中返回。这个对象,
-
在 uts 中取值时,需要使用
`.value`
属性。
-
在 uts 中取值时,需要使用
`.value`
属性。
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录