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

在 vue 组件里 import Websocket from './websocket.js'

<script>
    import Websocket from './websocket.js'
    export default {/* */}
</script>

Answer 2

main.js:

import Websocket from './websocket.js'
Vue.prototype.Websocket = Websocket

然后在组件里通过this.Websocket调用