From f7df056083a98568a473e18d619817b0ff01bc9a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?L=C3=AA=20Quang=20=C4=90=C3=B4ng?= <38553985+lequangdongg@users.noreply.github.com> Date: Tue, 10 Dec 2024 19:48:20 +0700 Subject: [PATCH 1/3] docs: update template refs render function --- src/guide/extras/render-function.md | 28 ++++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) diff --git a/src/guide/extras/render-function.md b/src/guide/extras/render-function.md index 2450938ac8..76e6d0b189 100644 --- a/src/guide/extras/render-function.md +++ b/src/guide/extras/render-function.md @@ -721,6 +721,34 @@ export default { } ``` +or(with version >= 3.5.0) + +```js +import { h, useTemplateRef } from 'vue' + +export default { + setup() { + const divEl = useTemplateRef('my-div') + + //
+ return () => h('div', { ref: 'my-div' }) + } +} +``` + +```js +import { h, ref } from 'vue' + +export default { + setup() { + const divEl = ref() + + //
+ return () => h('div', { ref: divEl }) + } +} +``` +
From bbee3283cdaf6e5d96e2dbf9ab4f4a7acd9a20b1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?L=C3=AA=20Quang=20=C4=90=C3=B4ng?= <38553985+lequangdongg@users.noreply.github.com> Date: Tue, 10 Dec 2024 19:50:00 +0700 Subject: [PATCH 2/3] chore: remove sample --- src/guide/extras/render-function.md | 13 ------------- 1 file changed, 13 deletions(-) diff --git a/src/guide/extras/render-function.md b/src/guide/extras/render-function.md index 76e6d0b189..82269e93a6 100644 --- a/src/guide/extras/render-function.md +++ b/src/guide/extras/render-function.md @@ -736,19 +736,6 @@ export default { } ``` -```js -import { h, ref } from 'vue' - -export default { - setup() { - const divEl = ref() - - //
- return () => h('div', { ref: divEl }) - } -} -``` -
From 52dc75b49cde56c2a5f79ce88b70b67cb41c0754 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?L=C3=AA=20Quang=20=C4=90=C3=B4ng?= <38553985+lequangdongg@users.noreply.github.com> Date: Sun, 5 Jan 2025 14:57:34 +0700 Subject: [PATCH 3/3] Update src/guide/extras/render-function.md resolved conversation Co-authored-by: Natalia Tepluhina --- src/guide/extras/render-function.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/guide/extras/render-function.md b/src/guide/extras/render-function.md index 82269e93a6..2bd0be44cc 100644 --- a/src/guide/extras/render-function.md +++ b/src/guide/extras/render-function.md @@ -721,7 +721,7 @@ export default { } ``` -or(with version >= 3.5.0) +or (with version >= 3.5) ```js import { h, useTemplateRef } from 'vue'