uniapp vue3使用vant

UniApp 是一套由腾讯云开发的跨平台应用开发框架，它基于 Vue.js 框架构建，旨在提供高效、统一的解决方案，支持快速开发原生体验的应用，同时覆盖 iOS、Android 和 Web 等多端。

Vant 是一款轻量级的移动端 Vue 组件库，专为构建优美 UI 而设计。在 UniApp 的 Vue3 版本中，你可以很轻松地引入 Vant 的组件，如按钮（van-button）、导航栏（van-navbar）和列表（van-list）等，来提升你的项目界面美观度和用户体验。

要在 UniApp 中使用 Vant，首先你需要安装 Vant 的 Vue3 插件，通常通过 npm 或者 yarn 安装：

npm install vant vant-vue3
# 或者
yarn add vant vant-vue3

然后在主入口文件 `main.js` 或者你的单页应用模块中导入并注册 Vant：

import { createApp } from 'uni-app'
import { Vant } from 'vant-vue3'
import App from './App.vue'

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

接下来，你可以在 Vue 代码中直接使用 Vant 的组件了，例如：

<template>
  <van-navbar title="首页"></van-navbar>
  <van-button type="primary">点击我</van-button>
</template>