咨询电话:
15628812133
07
2023/07

vue 项目 -移动端vant ui-移动端ui组件库

发布时间:2023-07-07 18:26:25
发布者:神棍子
浏览量:
0

vue项目中pc端项目有element uiAnt Design VueView UI等等,而vant则是移动端中的中流砥柱,vant是一款轻量级的移动端组件,其组件的平均体积小于1kb,跟其他组件一样,封装了丰富的ui插件,可以帮助前端快速构建页面。

首先看一下自己项目的的vue版本

npm list vue

根据23分别有两种安装方式。

vue3:直接安装最新版

npm i vant -S

vue2:

npm i vant@latest-v2 -S

然后就需要在项目中初始化、引入该插件,如果想要全局注册,直接再main.js中注册引入

import后直接use 然后创建app即可

vant在main中注册

另一种再单页面引入单个组件,可以实现局部注册

vant局部注册


关键词:
返回列表