从 vue 组件调用 javascript 方法？答案

【问题标题】：Call a javascript method from a vue component?从 vue 组件调用 javascript 方法？
【发布时间】：2017-12-19 15:00:44
【问题描述】：

在我的 main.js 文件中，我像这样设置 vue：

window.Vue = require('vue');

Vue.component('my-component', require('./components/MyComponent.vue'));

const app = new Vue({
    el: '#app',
});

在我的 main.js 文件中，我还有一个函数：

function test() {
    //do something
}

如何从 vue 组件内部调用测试方法？我知道这不是一个理想的设置，但我正在使用遗留的东西。

【问题讨论】：

【解决方案1】：

我想这真的很容易:)

在您拥有该功能的主文件中

只需全局声明它

window.test = function() {
    //do something
}

现在您可以从您的代码/任何文件/任何组件的任何位置调用此函数:)

window.test();

如果您需要其他任何内容，请发表评论。

【讨论】：