[JavaScript知识库]Vue之VantUI库

什么是VantUI

开源免费、轻量、可靠的移动端Vue组件库

• 基础组件
  按钮、图标、布局、提示信息等

• 表单组件
  日历、复选框、时间选择、输入框、评分等

• 反馈组件
  弹出框、加载、下拉菜单、消息提示、下拉刷新、滚动加载等

• 展示组件
  进度条、倒计时、分割线、列表等

• 导航组件
  宫格、索引、导航栏、分页等

• 业务组件
  地址编辑、联系人、优惠券、提交订单等

VabtUI官方链接

使用Vant

安装
项目目录
手动按需导入组件

import Button from 'vant/lib/button'
import 'vant/lib/button/style'

导入全部组件
main.js中

import Vue from 'vue'
import Vant from 'Vant '
import 'vant/lib/index.css'
Vue.use(Vant);

VabtUI官方链接