delphi 关闭时缩小到托盘_electron-vue跨平台桌面应用开发实战教程（五）——系统通知&托盘...

>前几篇文章，我们介绍了一些开发中经常用到的功能，这篇文章我们主要是讲解下怎么发送系统通知，设置托盘

1.系统通知

其实Electron的系统通知比较简单，是用HTML5的Notification实现的，但是在这儿需要注意的是，windows平台发送通知是需要为程序设置appId（下一篇文章我们讲解下Electron怎么打包，怎么设置应用程序图标）。

通知一共有两种调用方式

• HTML5 Notification API（渲染进程中使用）
• Notification模块（主进程中使用）

接下来，我们新建一个页面，来测试下渲染进程中怎么使用系统通知。

<template>
  <div>
    <el-button @click="sendNotification">发送系统通知</el-button>
  </div>
</template>
<script>
export default {
    
  name: 'DemoTest',
  methods: {
    
    sendNotification () {
    
      const myN