Vant4 介紹

介紹

Vant 底層依賴了 ?@vant/use? 包，其中內置了一系列的組合式 API。對于使用了 Vant 的項目，可以復用這些 API 進行開發(fā)。

安裝

雖然 Vant 的依賴中已經包含了 ?@vant/use?，但我們仍然推薦顯式地安裝它：

# with npm
npm i @vant/use

# with yarn
yarn add @vant/use

# with pnpm
pnpm add @vant/use

示例

下面是一個 Vant 組合式 API 的用法示例，我們從 ?@vant/use? 這個包中引入 ?useWindowSize? 方法，然后進行調用，即可獲取到當前 Window 的寬度和高度。

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

const { width, height } = useWindowSize();

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

API 列表

下面是 Vant 對外提供的所有組合式 API，點擊名稱可以查看詳細介紹：