在其他页面 vue.js 上定义的 js 中执行函数

Question

我想在 Javascript 文件中执行一个函数，因为在另一个名为 Header.vue 的文件中定义了相同的函数，我尝试使用 module.export，但没有结果，Header.vue 中的函数在单击一个按钮。 我在 Google 上搜索过，我认为 module.export 仅适用于两个 .js 文件。 我的代码如下。

标题.vue ：

 <template> <header id="header" class="flex"> <h1> <a href="/">TEST</a> </h1> <ul class="control"> <li> <button @click="next" :disabled="connectionState !== 'open'">Next</button> </li> </ul> </header> </template> <script> import { mapState, mapMutations, mapActions } from 'vuex' module.export { export default { name: 'app-header', computed: mapState(['localStream', 'connectionState']), methods: { ...mapMutations(['createPeerConnection', 'closePeerConnection', 'addLocalStream', 'removeLocalStream']), ...mapActions(['getUserMedia', 'hangUpCall']), next () { this.closePeerConnection() this.hangUpCall() this.createPeerConnection() this.addLocalStream(this.localStream) }, } }<br>};

 <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>

和 test.js

 var common = require('./src/components/Header.vue'); 1 common.next();<br><br>