Vant

提示

Vant 4.x 适用于 Vue 3 开发。

引入 Vant

按需引入

安装依赖：

dependencies

npm i vant

devDependencies

npm i -D @vant/auto-import-resolver unplugin-vue-components unplugin-auto-import

修改配置：

vite.config.js

import vue from '@vitejs/plugin-vue'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { VantResolver } from '@vant/auto-import-resolver'

export default {
  plugins: [
    vue(),
    AutoImport({
      resolvers: [VantResolver()],
    }),
    Components({
      resolvers: [VantResolver()],
    }),
  ],
}

国际化

import { Locale } from 'vant'
import enUS from 'vant/es/locale/lang/en-US' // 引入英文语言包

Locale.use('en-US', enUS)