vue项目中pc端项目有element ui、Ant Design Vue、View UI等等,而vant则是移动端中的中流砥柱,vant是一款轻量级的移动端组件,其组件的平均体积小于1kb,跟其他组件一样,封装了丰富的ui插件,可以帮助前端快速构建页面。
首先看一下自己项目的的vue版本
npm list vue
根据2和3分别有两种安装方式。
vue3:直接安装最新版
npm i vant -S
vue2:
npm i vant@latest-v2 -S
然后就需要在项目中初始化、引入该插件,如果想要全局注册,直接再main.js中注册引入
import后直接use 然后创建app即可
另一种再单页面引入单个组件,可以实现局部注册
上一篇: 粘性定位(sticky)详解
下一篇: Vue.Draggable的安装和使用