vue3 vant 全局定义showNotify

Vue3 和 Vant 组件库结合使用时，全局定义 `showNotify` 可能是为了提供一个统一的方式来显示通知信息，比如提示成功、失败的消息，或者通用的通知组件。Vant 提供了一个名为 `vant-notification` 的插件，可以方便地在项目中创建自定义通知。

要在 Vue3 中全局注册并定义 `showNotify`，你可以按照以下步骤操作：

1. 首先安装 `vant-notification` 插件：

npm install vant@latest vant-notification --save

或者使用 Yarn：

yarn add vant@latest vant-notification

2. 在项目的入口文件（如 main.js 或 main.ts）中引入 Vant，并全局注册组件：

import { createApp } from 'vue';
import App from './App.vue';
import { Notification } from 'vant';

createApp(App)
  .use(Notification) // 全局注册 notification 组件
  .mount('#app');

3. 现在可以在任何组件中通过 `this.$notify` 调用 `showNotify` 方法了：

// 示例
methods: {
  showToast(title = '', message = '') {
    this.$notify({
      title,
      message,
      type: 'success', // 可选类型有 success, info, warn, error
      duration: 2000, // 自动关闭时间 (毫秒)
    });
  }
}