Vue3判断/监控是否在线

回顾JavaScript中的在线判断

navigator.online

navigator.online可以检查用户当前是否在线。如果在线为true，离线为false。

console.log(navigator.online)

online事件/offline事件

navigator.online只是获取当前的在线状态。因此，不可能执行比如“上线时做某事”之类的监视过程。

所以我们可以使用在线和离线事件来监控在线状态。online事件上线时触发，offline事件下线时触发。

window.addEventListener('online', () => {
  console.log('上线啦')
})
window.addEventListener('offline', () => {
  c