From 624d05f7498def125b54a9b1e802ef7f24dbfa84 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Tue, 24 Aug 2021 10:03:26 +0800
Subject: [PATCH] docs: add more component registration guide (#9319)

---
 docs/markdown/advanced-usage.en-US.md | 28 +++++++++++++++++++++++++++
 docs/markdown/advanced-usage.zh-CN.md | 28 +++++++++++++++++++++++++++
 2 files changed, 56 insertions(+)

diff --git a/docs/markdown/advanced-usage.en-US.md b/docs/markdown/advanced-usage.en-US.md
index d208a7a5c..d7744f807 100644
--- a/docs/markdown/advanced-usage.en-US.md
+++ b/docs/markdown/advanced-usage.en-US.md
@@ -39,6 +39,34 @@ export default {
 
 > For more information, please refer to [Vue.js - Component Registration](https://v3.vuejs.org/guide/component-registration.html#component-registration)。
 
+#### \<script setup\>
+
+Vant components can be used directly in `<script setup>` without component registration.
+
+```xml
+<script setup>
+  import { Button } from 'vant';
+</script>
+
+<template>
+  <Button />
+</template>
+```
+
+#### JSX/TSX
+
+Vant components can be used directly in JSX and TSX without component registration.
+
+```jsx
+import { Button } from 'vant';
+
+export default {
+  render() {
+    return <Button />;
+  },
+};
+```
+
 ## Browser adaptation
 
 ### Viewport Units
diff --git a/docs/markdown/advanced-usage.zh-CN.md b/docs/markdown/advanced-usage.zh-CN.md
index 69405066a..ca0edc4e8 100644
--- a/docs/markdown/advanced-usage.zh-CN.md
+++ b/docs/markdown/advanced-usage.zh-CN.md
@@ -45,6 +45,34 @@ export default {
 
 > 对于组件注册更详细的介绍，请参考 [Vue 官方文档 - 组件注册](https://v3.cn.vuejs.org/guide/component-registration.html#%E7%BB%84%E4%BB%B6%E6%B3%A8%E5%86%8C)。
 
+#### \<script setup\>
+
+在 `<script setup>` 中可以直接使用 Vant 组件，不需要进行组件注册。
+
+```xml
+<script setup>
+  import { Button } from 'vant';
+</script>
+
+<template>
+  <Button />
+</template>
+```
+
+#### JSX/TSX
+
+在 JSX 和 TSX 中可以直接使用 Vant 组件，不需要进行组件注册。
+
+```jsx
+import { Button } from 'vant';
+
+export default {
+  render() {
+    return <Button />;
+  },
+};
+```
+
 ### 组件插槽
 
 Vant 提供了丰富的组件插槽，通过插槽可以对组件的某一部分进行个性化定制。如果你对 Vue 的插槽不太熟悉，可以阅读 Vue 官方文档中的[插槽章节](https://v3.cn.vuejs.org/guide/component-slots.html)。下面是通过插槽来定制 Checkbox 图标的示例：