W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
Vant 內(nèi)置了一系列的組合式 API,對(duì)于安裝了 vant 的項(xiàng)目,可以直接使用這些 API 進(jìn)行開(kāi)發(fā)。
下面是一個(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); // -> 窗口高度
下面是 Vant 對(duì)外提供的所有組合式 API,點(diǎn)擊名稱(chēng)可以查看詳細(xì)介紹:
名稱(chēng) | 描述 |
---|---|
useClickAway | 監(jiān)聽(tīng)點(diǎn)擊元素外部的事件 |
useCountDown | 提供倒計(jì)時(shí)管理能力 |
useEventListener | 方便地進(jìn)行事件綁定 |
usePageVisibility | 獲取頁(yè)面的可見(jiàn)狀態(tài) |
useRect | 獲取元素的大小及其相對(duì)于視口的位置 |
useRelation | 建立父子組件之間的關(guān)聯(lián)關(guān)系 |
useScrollParent | 獲取元素最近的可滾動(dòng)父元素 |
useToggle | 用于在布爾值之間進(jìn)行切換 |
useWindowSize | 獲取瀏覽器窗口的視口寬度和高度 |
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: