Vant鏄竴涓熀浜嶸ue.js鐨勭Щ鍔ㄧUI缁勪欢搴擄紝鍙互鍜孷ue3閰嶅悎浣跨敤銆傚湪Vue3涓紝鍙互閫氳繃浠ヤ笅姝ラ鏉ヤ娇鐢╒ant锛?/p>

1. 瀹夎Vant锛氬彲浠ラ€氳繃npm鎴杫arn鏉ュ畨瑁匳ant缁勪欢搴擄細

npm install vant@next

2. 鍦╒ue3椤圭洰涓紩鍏ant锛氬彲浠ュ湪main.js涓紩鍏ant缁勪欢搴撳苟娉ㄥ唽锛?/li>

// main.js
import { createApp } from 'vue'
import App from './App.vue'
import Vant from 'vant'
import 'vant/lib/index.css'

const app = createApp(App)
app.use(Vant)
app.mount('#app')

3. 鍦ㄧ粍浠朵腑浣跨敤Vant缁勪欢锛氬湪Vue缁勪欢涓彲浠ョ洿鎺ヤ娇鐢╒ant缁勪欢锛屼緥濡傦細

<template>
  <van-button type="primary">鎸夐挳</van-button>
</template>

<script>
export default {
  name: 'MyComponent'
}
</script>

閫氳繃浠ヤ笂姝ラ锛屽彲浠ュ湪Vue3椤圭洰涓娇鐢╒ant缁勪欢搴擄紝瀹炵幇绉诲姩绔疷I鐨勫紑鍙戙€傚悓鏃讹紝Vant涔熸彁渚涗簡Vue3鐨勬敮鎸侊紝鍙互鍏呭垎鍙戞尌Vue3鐨勬柊鐗规€у拰浼樺娍銆?/p>