Call a javascript method from a vue component?

Question

In my main.js file I set vue up like so:

window.Vue = require('vue');

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

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

Also in my main.js file I have a function:

function test() {
    //do something
}

How can I call the test method from inside a vue component? I know this is not an ideal set up but I'm working with legacy stuff.

Pass it as a prop. Make it globally accessible. Attache to prototype. Plenty of ways to do it. — dfsq
– dfsq, Commented Dec 19, 2017 at 15:05
If that function has been declared globally, you can simply call it from inside your Vue component. — Daan van Hulst
– Daan van Hulst, Commented Dec 19, 2017 at 15:07
I beleive I have declared test() globally, yet the vue component says its still not defined. — panthro
– panthro, Commented Dec 19, 2017 at 15:24

Hardik Satasiya · Accepted Answer · 2017-12-19 15:41:20Z

1

I guess its really easy thing :)

inside your main file where you'r having that function

just declare it globally

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

now you can call this function anywhere from your code / and from any file / from any component :)

window.test();

if you need anything else please comment.

answered Dec 19, 2017 at 15:41

Hardik Satasiya

9,7253 gold badges24 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1