将 AutobahnJS 与 Vue.js 集成

Integration AutobahnJS with Vue.js

我正在寻找一种将 Vue.js 与 AutobahnJS 集成的简单方法。 我已经检查了 this 回购 guidance/template,但我的主要问题是高速公路有两层 "wait":

  1. 首先你创建一个Connection/Session实例
  2. 你等待它连接(甚至重试N次)
  3. 只有在这之后您才能访问会话方法(subscribe/call/etc..)

以我有限的 JS 知识(我是后端开发人员),我有两个想法:

  1. 创建一个全局变量,该变量将在连接后分配给高速公路会话。这肯定会导致尚未设置 var 的情况,因此每次我想从 vue 实例订阅时都必须检查它是否存在。
  2. 将 Vue 初始化代码放入 Session 连接回调中,但这会延迟整个应用程序,这显然也很糟糕。

我正在寻找一个简单高效的解决方案,不一定是一个成熟的插件(我在任何地方都找不到)。

任何 help/advice 不胜感激!

我一直在寻找这样的插件:https://github.com/lajosbencz/vue-wamp

插件调用被推迟到高速公路会话准备就绪,自动调用取消订阅和取消注册component-wise。