Vue3使用vant插件


這里使用輪播圖為例

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

 

 再看效果

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM