Vant4 介紹

介紹

Vant 底層依賴(lài)了 ?@vant/use? 包，其中內(nèi)置了一系列的組合式 API。對(duì)于使用了 Vant 的項(xiàng)目，可以復(fù)用這些 API 進(jìn)行開(kāi)發(fā)。

安裝

雖然 Vant 的依賴(lài)中已經(jīng)包含了 ?@vant/use?，但我們?nèi)匀煌扑]顯式地安裝它：

# with npm
npm i @vant/use

# with yarn
yarn add @vant/use

# with pnpm
pnpm add @vant/use

示例

下面是一個(gè) Vant 組合式 API 的用法示例，我們從 ?@vant/use? 這個(gè)包中引入 ?useWindowSize? 方法，然后進(jìn)行調(diào)用，即可獲取到當(dāng)前 Window 的寬度和高度。

import { useWindowSize } from '@vant/use';

const { width, height } = useWindowSize();

console.log(width.value); // -> 窗口寬度
console.log(height.value); // -> 窗口高度

API 列表

下面是 Vant 對(duì)外提供的所有組合式 API，點(diǎn)擊名稱(chēng)可以查看詳細(xì)介紹：