vant toast使用

Vant 是一个基于 Vue.js 的移动端 UI 组件库，而 Toast 是其中的一个组件，用于展示短暂的提示信息。要使用 Vant Toast，你需要先安装 Vant 组件库，然后按照以下步骤使用 Toast：

1. 首先，在你的项目中安装 Vant 组件库。可以使用 npm 或者 yarn 安装，具体命令如下：

npm install vant
# 或者
yarn add vant

2. 在你的 Vue 项目中引入 Vant 组件库。可以在 main.js 或者需要使用 Toast 的组件中引入，具体代码如下：

import Vue from 'vue';
import Vant from 'vant';
import 'vant/lib/index.css';

Vue.use(Vant);

3. 现在你就可以在你的组件中使用 Toast 了。例如，在一个按钮的点击事件中显示 Toast 提示：

<template>
  <van-button @click="showToast">显示Toast</van-button>
</template>

<script>
export default {
  methods: {
    showToast() {
      this.$toast('这是一个Toast提示');
    }
  }
}
</script>

这样，当用户点击按钮时，就会显示一个短暂的 Toast 提示信息。你可以根据需要自定义 Toast 的内容、持续时间等参数，具体的使用方法可以参考 Vant 官方文档中的 Toast 部分。