vue3全局安装vant

使用npm安装

npm i vant

或

npm i vant@next -S

在main.ts全局引入插件及样式

import './assets/main.css'
import { createApp } from 'vue'
import App from './App.vue'
import vant from 'vant';
import 'vant/lib/index.css';

createApp(App).use(vant).mount('#app')

在页面上使用

<van-button type="primary">主要按钮</van-button>
<van-button type="success">成功按钮</van-button>
<van-button type="default">默认按钮</van-button>
<van-button type="warning">警告按钮</van-button>
<van-button type="danger">危险按钮</van-button>

vant3官网链接如下

Vant 3 - Lightweight Mobile UI Components built on Vue