vue.js - 动态注入或更新 Vue 依赖项

Question

• 我正在使用套接字连接在 Vue 中构建应用程序。
• 该应用程序允许用户以经过身份验证的用户和匿名用户的身份查看内容。
• 登录后，其想法是能够针对特定客户提供数据——例如“有人评论了您的输入”。
• 在登录之前，我们对套接字连接不感兴趣。
• 登录应该是无缝的，并且不应该重新加载整个页面。
• 我正在研究使用一个抛光的库来自动将套接字感知注入到组件中：https ://github.com/probil/vue-socket.io-extended#readme

除了套接字连接之外，还构建了应用程序。

基于该插件自述文件，这就是我将 lib 注入应用程序的方式：

var socket = io('http://socketserver.com:1923');
Vue.use(VueSocketIOExt, socket);

这一切都很好，但是当我不想将套接字连接注入应用程序时，我被卡住了。

问题：在 1 个用例中，我想在应用程序初始化后建立套接字连接：初始化后是否可以在 Vue 中调用Vue.use(VueSocketIOExt, socket);？

（即在这种情况下；在用户加载应用程序然后进行身份验证之后）

标签： vue.jssocketsvue-socket.io