From 327436e3fbf34989f50d0bf89dc8c74f2f7f8cba Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Sun, 19 Sep 2021 11:25:51 +0800
Subject: [PATCH] docs: add usage of function component in script setup (#9517)

---
 packages/vant/src/dialog/README.zh-CN.md        | 15 +++++++++++++++
 packages/vant/src/image-preview/README.zh-CN.md | 15 +++++++++++++++
 packages/vant/src/notify/README.zh-CN.md        | 15 +++++++++++++++
 3 files changed, 45 insertions(+)

diff --git a/packages/vant/src/dialog/README.zh-CN.md b/packages/vant/src/dialog/README.zh-CN.md
index a45fbc08a..fbea3628e 100644
--- a/packages/vant/src/dialog/README.zh-CN.md
+++ b/packages/vant/src/dialog/README.zh-CN.md
@@ -34,6 +34,21 @@ export default {
 };
 ```
 
+在 `script setup` 中，可以通过以下方式使用：
+
+```html
+<script setup>
+  const VanDialog = Dialog.Component;
+</script>
+
+<template>
+  <!-- 中划线命名 -->
+  <van-dialog />
+  <!-- 也支持大驼峰命名 -->
+  <VanDialog>
+</template>
+```
+
 ## 代码演示
 
 ### 消息提示
diff --git a/packages/vant/src/image-preview/README.zh-CN.md b/packages/vant/src/image-preview/README.zh-CN.md
index a2566dd42..9a6fb064a 100644
--- a/packages/vant/src/image-preview/README.zh-CN.md
+++ b/packages/vant/src/image-preview/README.zh-CN.md
@@ -34,6 +34,21 @@ export default {
 };
 ```
 
+在 `script setup` 中，可以通过以下方式使用：
+
+```html
+<script setup>
+  const VanImagePreview = ImagePreview.Component;
+</script>
+
+<template>
+  <!-- 中划线命名 -->
+  <van-image-preview />
+  <!-- 也支持大驼峰命名 -->
+  <VanImagePreview>
+</template>
+```
+
 ## 代码演示
 
 ### 基础用法
diff --git a/packages/vant/src/notify/README.zh-CN.md b/packages/vant/src/notify/README.zh-CN.md
index 9b1444d7f..a992f3de2 100644
--- a/packages/vant/src/notify/README.zh-CN.md
+++ b/packages/vant/src/notify/README.zh-CN.md
@@ -34,6 +34,21 @@ export default {
 };
 ```
 
+在 `script setup` 中，可以通过以下方式使用：
+
+```html
+<script setup>
+  const VanNotify = Notify.Component;
+</script>
+
+<template>
+  <!-- 中划线命名 -->
+  <van-notify />
+  <!-- 也支持大驼峰命名 -->
+  <VanNotify>
+</template>
+```
+
 ## 代码演示
 
 ### 基础用法