Skip to content

Vant 4

Vant 4 is the latest version of the mobile component library, built for Vue 3.

Features

  • Support for Vue 3.2+
  • 70+ high-quality components
  • Full support for Composition API
  • Better TypeScript support
  • Support for on-demand import and Tree Shaking
  • Support for theme customization with 700+ built-in theme variables
  • Server-side rendering support
  • Nuxt 3 support
  • Accessibility support
  • Smaller bundle size

Installation

bash
# Install via npm
npm i vant

# Install via yarn
yarn add vant

# Install via pnpm
pnpm add vant

Quick Start

js
import { createApp } from 'vue';
import { Button } from 'vant';
import 'vant/lib/index.css';

const app = createApp();
app.use(Button);

Migration Guide

To upgrade from Vant 3 to Vant 4, please refer to the Migration Guide.

Browser Support

Vant 4 supports modern browsers and Chrome >= 51, iOS >= 10.0.

Enterprise-level mobile solution based on Vant