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>    import Websocket from './websocket.js'
    export default {/* */}
</script>