From 91c3dd8431ae372e810f2fc2ea96dca66679284c Mon Sep 17 00:00:00 2001 From: DCloud_LXH <283700113@qq.com> Date: Tue, 14 May 2024 11:58:19 +0800 Subject: [PATCH] =?UTF-8?q?feat(vue):=20=E7=BB=84=E4=BB=B6=E3=80=81?= =?UTF-8?q?=E6=95=B0=E6=8D=AE=E7=BB=91=E5=AE=9A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/vue/component.md | 16 +++++++++++++--- docs/vue/data-bind.md | 12 ++++++++++++ 2 files changed, 25 insertions(+), 3 deletions(-) diff --git a/docs/vue/component.md b/docs/vue/component.md index 5678a75c..56829e9b 100644 --- a/docs/vue/component.md +++ b/docs/vue/component.md @@ -315,13 +315,23 @@ 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 -> 选项式 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) 示例 [详情]() diff --git a/docs/vue/data-bind.md b/docs/vue/data-bind.md index 16c0d076..196f8737 100644 --- a/docs/vue/data-bind.md +++ b/docs/vue/data-bind.md @@ -44,6 +44,18 @@ data中的响应式变量,如需在script中使用,需通过 `this.xx` 的 当然 uts 有一定的自动推导能力,对于特别简单的布尔值/数字/字符串的字面量,不写泛型也可以自动推导类型。 +::: warning 注意 +在使用复杂类型时,Android 端暂不支持通过泛型指定类型,可通过 as 方式指定类型。如: + +```ts +type Counter = { + count : number +} + +const counter = ref({ count: 0 } as Counter) // 而不是 ref({count: 0}) +``` +::: + `ref()` 接收参数,并将其包裹在一个带有 `.value` 属性的 `ref` 对象中返回。这个对象, - 在 uts 中取值时,需要使用 `.value`属性。 -- GitLab