vue使用Vant移動端組件庫

  • Vant是一個輕量、可靠的移動端 Vue 組件庫

  • 進入項目目錄,安裝Vant

npm i vant -S

  • main.js引入引入vant,這裏引入所有組件,官方推薦按需加載所需組件

import Vant from ‘vant’
import ‘vant/lib/index.css’
Vue.use(Vant)

根據官網的用法,進行使用https://youzan.github.io/vant/#/zh-CN/home

效果如下:
在這裏插入圖片描述
在這裏插入圖片描述
效果還是非常的不錯的

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章