vue3 中使用vue-notification

`vue3-notification` 是一个基于 Vue3 的通知插件，它提供了多种通知类型，例如文本通知、警告通知和成功通知等。使用 `vue3-notification` 插件能够使得在 Vue3 应用程序中使用通知变得更加简单和方便。

下面是使用步骤：

1. 安装 `vue3-notification`：

npm install vue3-notification

2. 在你的 Vue3 应用程序中注册插件：

import { createApp } from 'vue'
import App from './App.vue'
import Vue3Notification from 'vue3-notification'

const app = createApp(App)
app.use(Vue3Notification)
app.mount('#app')

3. 在你的组件中使用通知：

export default {
  methods: {
    showNotification() {
      this.$notify({
        title: '通知标题',
        text: '通知文本'
      })
    }
  }
}

在上面的代码中，我们在组件的 `methods` 中定义了一个 `showNotification` 方法，它将在被调用时显示一个通知。在通知中，我们设置了一个标题和一段文本。你可以根据自己的需求和喜好调整通知的样式和内容。

除了 `title` 和 `text`，`vue3-notification` 还提供了其他可选的属性，例如 `type`、`duration` 和 `position` 等。你可以根据自己的需求和喜好设置这些属性。

希望对你有所帮助！