[JavaScript知识库]在electron-vue项目中使用websocket和vue中的provide及inject实现在线离线状态的检测

实现思路：
先通过在APP.vue根组件中去全局创建websocket连接到服务器，通过服务器推送的那内容来区分在线或离线，拿到内容并判断出状态后，再通过provide和inject通信方式将状态值传送到需要显示在线或离线状态的页面组件中并显示即可。

效果图：
下图是个动态闪烁，截图看不出来效果

官方文档：provide / inject引用

提示：provide 和 inject 绑定并不是可响应的。这是刻意为之的。然而，如果你传入了一个可监听的对象，那么其对象的 property 还是可响应的。

核心代码：

APP.vue根组件：

//APP.vue组件(根组件)
export default{
   
	name

开通VIP 解锁文章