浏览器消息通知接口 Notification

就是这个东西，桌面右下角通知

1. 接口

   var notification = new Notification(title, options)
   
   title： //通知标题
   options={
   	dir:  //auto自动;ltr 从左到右;rtl 从右到左;
   	lang: //指定通知使用的语言
   	body: //通知中额外显示的字符串
   	icon: //图片的URL，用于通知的图标;
   }
   

2. 通知权限

   granted: //用户已经明确的授予了显示通知的权限。.
   denied:  //用户已经明确的拒绝了显示通知的权限。
   default: //用户还未被询问是否授权; 这种情况下权限将视为 denied.
   

3. 请求权限

   Notification.requestPermission()
   

4. 回调函数

   show： //通知显示给用户时触发。
   click： //用户点击通知时触发。
   close： //用户关闭通知时触发。
   error： //通知出错时触发（大多数发生在通知无法正确显示时）。
   

5. 实例

    created(){
       this.notify()
     },
    methods:{
       notify(){
         if (!(window.Notification)) {      // 判断浏览器是否支持
           alert('您的浏览器不支持消息通知')
         }
         else if(Notification.permission=='granted'){  //通知权限授予直接发送消息
           var notification=new Notification('新通知',{
             body:'您有新任务待接收'
           });
         }
         else if(Notification.permission != 'denied'){   //通知权限不明确发送请求
           Notification.requestPermission().then(function(result){
           if(result=='granted'){
               var notification=new Notification('新通知',{
             body:'您有新任务待接收'
           });
           }
           })  
         }
       }
     }