Vant4 教程

介绍 展示地址信息列表。 引入 通过以下方式来全局注册组件，更多注册方式请参考组件注册。 import { createApp } from vue; import { Addre…

介绍 省市区三级联动选择，通常与弹出层组件配合使用。 引入 通过以下方式来全局注册组件，更多注册方式请参考组件注册。 import { createApp } from vue; …

介绍 商品卡片，用于展示商品的图片、价格等信息。 引入 通过以下方式来全局注册组件，更多注册方式请参考组件注册。 import { createApp } from vue; im…

介绍 以卡片的形式展示联系人信息。 引入 通过以下方式来全局注册组件，更多注册方式请参考组件注册。 import { createApp } from vue; import { …

介绍 展示联系人列表。 引入 通过以下方式来全局注册组件，更多注册方式请参考组件注册。 import { createApp } from vue; import { Contac…

介绍 用于优惠券的兑换和选择。 引入 通过以下方式来全局注册组件，更多注册方式请参考组件注册。 import { createApp } from vue; import { Co…

介绍 用于展示订单金额与提交订单。 引入 通过以下方式来全局注册组件，更多注册方式请参考组件注册。 import { createApp } from vue; import { …

介绍 Vant 底层依赖了 ​@vant/use​ 包，其中内置了一系列的组合式 API。对于使用了 Vant 的项目，可以复用这些 API 进行开发。 安装 虽然 Vant 的依…

介绍 提供倒计时管理能力。 代码演示 基本用法 <span>总时间：{{ current.total }}</span> <span>剩余天数：…

介绍 用于自定义 Form 组件中的表单项。 代码演示 基本用法 如果需要自定义表单项，可以在 Field 组件的 ​input​ 插槽中插入你的自定义组件，并…

介绍 方便地进行事件绑定，在组件 ​mounted​ 和 ​activated​ 时绑定事件，​unmounted​ 和&nbsp…

介绍 获取页面的可见状态。 代码演示 基本用法 import { watch } from vue; import { usePageVisibility } from @vant…

介绍 建立父子组件之间的关联关系，进行数据通信和方法调用，基于 ​provide​ 和 ​inject​ 实现。 代码演示 基本用法 在父组…

介绍 获取元素最近的可滚动父元素。 代码演示 基本用法 <div ref=”root” /> import { ref, watch } from vue; impor…

介绍 用于在 ​true​ 和 ​false​ 之间进行切换。 代码演示 基本用法 import { useToggle } from @v…

介绍 获取浏览器窗口的视口宽度和高度，并在窗口大小变化时自动更新。 代码演示 基本用法 import { watch } from vue; import { useWindowS…