从vue组件调用javascript方法?

时间:2017-12-19 15:00:45

标签: javascript vue.js vuejs2

在我的main.js文件中,我设置如下:

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 个答案:

答案 0 :(得分:0)

我想这很简单:)

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

  

只是全局声明

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

现在你可以从代码/和任何文件/任何组件中调用此函数:)

window.test();

如果您还有其他需要请发表评论。