vue.js如何在vue组件文件里面调用main.js中导入的其他js模块文件里面的方法？

Question

我在main.js里面写了import Websocket from './websocket.js'，里面有一个connect方法

但是我在一个vue单文件组件的methods中调用Websocket.connect的时候报错（不是babel编译错误，是浏览器运行时报错）

说Uncaught ReferenceError: Websocket is not defined

这是为什么？我该如何调用他？

Answer 1

在main.js里import websocket from './websocket.js',后，需要将websocket挂载到Vue中，Vue.prototype.webscoket = websocket。在组件中直接this.webscoket就可以使用了

Answer 2

在 vue 组件里 import Websocket from './websocket.js'<script>&nbsp;&nbsp;&nbsp;&nbsp;import&nbsp;Websocket&nbsp;from&nbsp;'./websocket.js' &nbsp;&nbsp;&nbsp;&nbsp;export&nbsp;default&nbsp;{/*&nbsp;*/} </script>