Javascript 将对象引用传递给vuejs组件

我需要将对象引用传递给

vue

-组件。这背后的背景如下：

我有一个webapp，只在聊天时使用

vuejs

。但是，webapp已经打开了一个到我的服务器的

WebSocket

-连接，用于发送数据消息。我想在

vue

支持的聊天室中重用现有的

WebSocket

-连接，而不是打开另一个并行连接。我花了一段时间努力将

WebSocket

对象从我的webapp传递到

vue

-组件

---

我想传递对一个完全动态的

WebSocket

-连接的引用，所以

props

或

state

是没有选择的。

将对任意对象的引用传递给

vue

-组件实际上相当容易。假设您按如下方式装载应用程序：

this.app=新Vue({
渲染：（h）=>h（聊天），
}).$mount（“#myChatApp”）；

在

app

上设置引用，即

this.app=myWebSocket

不会将

WebSocket

公开给聊天组件，而只公开给全局

Vue

-实例。相反，您必须通过以下方式访问组件：

this.app.$children[someIndex].ws=myWebSocket；

---

沃伊拉：它起作用了！我刚刚开始使用

vuejs

，并对它如何归结为纯

js

感到惊讶。希望这能帮助那些遇到类似问题的人

是的，这是vue透明javascript的一大优点。