vue項(xiàng)目中pc端項(xiàng)目有element ui、Ant Design Vue、View UI等等,而vant則是移動(dòng)端中的中流砥柱,vant是一款輕量級(jí)的移動(dòng)端組件,其組件的平均體積小于1kb,跟其他組件一樣,封裝了豐富的ui插件,可以幫助前端快速構(gòu)建頁面。
首先看一下自己項(xiàng)目的的vue版本
npm list vue
根據(jù)2和3分別有兩種安裝方式。
vue3:直接安裝最新版
npm i vant -S
vue2:
npm i vant@latest-v2 -S
然后就需要在項(xiàng)目中初始化、引入該插件,如果想要全局注冊(cè),直接再main.js中注冊(cè)引入
import后直接use 然后創(chuàng)建app即可
另一種再單頁面引入單個(gè)組件,可以實(shí)現(xiàn)局部注冊(cè)
上一篇: 粘性定位(sticky)詳解
下一篇: Vue.Draggable的安裝和使用