blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

docs: add usage of function component in script setup (#9517)

Browse Source
This commit is contained in:
neverland 2021-09-19 11:25:51 +08:00 committed by GitHub
parent ddecb3a2d0
commit 327436e3fb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 45 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/vant/src/dialog/README.zh-CN.md
View File

@ -34,6 +34,21 @@ export default {
}; };
``` ```
在 `script setup` 中，可以通过以下方式使用：
```html
<script setup>
const VanDialog = Dialog.Component;
</script>
<template>
<!-- 中划线命名 -->
<van-dialog />
<!-- 也支持大驼峰命名 -->
<VanDialog>
</template>
```
## 代码演示 ## 代码演示
### 消息提示 ### 消息提示

15
packages/vant/src/image-preview/README.zh-CN.md
View File

@ -34,6 +34,21 @@ export default {
}; };
``` ```
在 `script setup` 中，可以通过以下方式使用：
```html
<script setup>
const VanImagePreview = ImagePreview.Component;
</script>
<template>
<!-- 中划线命名 -->
<van-image-preview />
<!-- 也支持大驼峰命名 -->
<VanImagePreview>
</template>
```
## 代码演示 ## 代码演示
### 基础用法 ### 基础用法

15
packages/vant/src/notify/README.zh-CN.md
View File

@ -34,6 +34,21 @@ export default {
}; };
``` ```
在 `script setup` 中，可以通过以下方式使用：
```html
<script setup>
const VanNotify = Notify.Component;
</script>
<template>
<!-- 中划线命名 -->
<van-notify />
<!-- 也支持大驼峰命名 -->
<VanNotify>
</template>
```
## 代码演示 ## 代码演示
### 基础用法 ### 基础用法