vant vue

作者：缺爱╮不缺钙发布日期:2026-06-11 浏览:53

<template>
  <van-button type="primary">主要按钮</van-button>
</template>

<script>
import { Button } from 'vant';

export default {
  components: {
    VanButton: Button,
  },
};
</script>

<style>
/* 可以在这里添加样式 */
</style>

解释说明：

<template>：定义了 Vant 的按钮组件 <van-button>，并设置了 type="primary"，表示这是一个主要按钮。
<script>：导入了 Vant 的按钮组件，并将其注册为局部组件 VanButton。
<style>：可以在这里添加自定义样式，当前示例中没有添加任何样式。

如果你需要更多 Vant 组件的使用示例，请参考 Vant 官方文档。

上一篇：vue carousel

下一篇：vue 指令