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