Vue3使用vant

最新推荐文章于 2024-09-30 16:17:19 发布

qq_28710983

最新推荐文章于 2024-09-30 16:17:19 发布

阅读量187

点赞数

分类专栏： vue问题处理文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/qq_28710983/article/details/132341563

版权

vue问题处理专栏收录该内容

5 篇文章

订阅专栏

本文介绍了如何在使用Vue和Next.js开发的应用中安装并整合VantUI组件库，展示了引入、注册和基本使用的步骤，包括VueApp的配置和Vant组件如Button和List的导入与使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

安装vant

npm i vant@next -S

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')

使用

<template>
	<van-button icon="plus" type="primary">按钮</van-button>
</template>

<script>
	import { Button, List, Cell, CellGroup } from 'vant';
</script>