【VUE】使用vant组件

作者：System 时间：2024年08月21日分类：所有,vue.js 字数：461

在Vue项目中使用Vant组件库，首先需要安装Vant：




npm install vant --save

然后在Vue组件中引入和使用Vant组件，例如使用Button组件：




<template>
  <van-button type="primary">按钮</van-button>
</template>
 
<script>
import { Button } from 'vant';
 
export default {
  components: {
    [Button.name]: Button
  }
}
</script>

确保在入口文件main.js中引入Vant样式：




import 'vant/lib/index.css';

以上代码展示了如何在Vue项目中引入和使用Vant的Button组件。你可以根据需要引入其他Vant组件。

【VUE】使用vant组件

评论已关闭

推荐阅读