這里使用輪播圖為例
vant插件地址:https://vant-contrib.gitee.io/vant/#/zh-CN/quickstart
這里我們可以通過快速上手可以看到

可以通過終端下載兩種版本的vant,這里我們選擇vue3下載
然后就是引入,這里引入時推薦我們下載一個叫babel的插件

我們下載,並把這個紅框里的內容復制下載粘貼到bael.config.js中

其次我們再main.js里把css的樣式引入,和我們需要使用的組合按需引入
這里我只需要使用輪播圖就只引入輪播插件,如需要使用其它也照此操作,然后在.use()里要填入引入的插件。

然后在需要使用的頁面直接使用

使用懶加載圖片時
也是在main.js位置引入,然后在引入use的時候給一張靜態圖片,這樣,我們圖片還沒有加載出來時,默認都會使用這張圖片

然后在頁面上把img的 :scr 換成v-lazy

再看效果
